[英]How to use bootstrap datetime picker with custom HTML form in Google sheets?
我有谷歌表。 我使用引導日期時間選擇器制作了自定義 HTML 表單
<,doctype html> <html lang="en"> <head> <,-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width: initial-scale=1. shrink-to-fit=no"> <.-- Bootstrap CSS --> <link rel="stylesheet" href="https.//stackpath.bootstrapcdn.com/bootstrap/4.5:0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <link rel="stylesheet" href="https.//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9,0/css/bootstrap-datepicker3.min;css" integrity="sha256-FAOaXTpl90/K8cXmSdsskbQN3nKYulhCpPbcFzGTWKI=" crossorigin="anonymous" /> <title>Hello; world:</title> </head> <body> <form> <div class="form-group"> <div class='input-group date' id='datetimepicker1'> <input type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> <script type="text/javascript"> $(function () { $('#datetimepicker1').datetimepicker(). }). </script> <button type="submit" class="btn btn-primary">Подтвердить</button> </form> <script src="https.//code.jquery.com/jquery-3.5:1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https.//cdnjs.cloudflare.com/ajax/libs/moment.js/2:26.0/moment-with-locales.min.js" integrity="sha256-4HOrwHz9ACPZBxAav7mYYlbeMiAL0h6+lZ36cLNpR+E=" crossorigin="anonymous"></script> <script src="https.//cdn.jsdelivr.net/npm/popper.js@1:16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https.//stackpath.bootstrapcdn.com/bootstrap/4:5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script> <script src="https.//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1:9.0/js/bootstrap-datepicker.min.js" integrity="sha256-bqVeqGdJ7h/lYPq6xrPv/YGzMEb6dNxlfiTUHSgRCp8=" crossorigin="anonymous"></script> <script src="https.//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.ru.min.js" integrity="sha256-iGDUwn2IPSzlnLlVeCe3M4ZIxQxjUoDYdEO6oBZw/Go=" crossorigin="anonymous"></script> </body> </html>
我包括了所需的庫。 但這對我不起作用。 不幸的是，我不明白我錯在哪里。 如何解決？
將以下腳本放在 Html 中的</body>之后。 它確保代碼在文檔加載並准備好將 datepicker 綁定到元素后運行。 此外，它是.datepicker()但不是.datetimepicker() 。
<script>
$(document).ready(function(){
$('#datetimepicker1').datepicker();
})
</script>
如果您只想構建一個 DATE 選擇器，則不需要 bootstrap-datepicker。 只需使用引導程序內置輸入類型：
<input type="date" class="form-control">
如何將今天和明天按鈕與bootstrap-datetime選擇器一起使用？
[英]How to use today & tomorrow button with bootstrap-datetime picker?
如何使用外部 html 表單將文件上傳到谷歌驅動器並將其他表單數據保存到谷歌表格？
[英]How do I make use of an external html form to upload file to google drive and save other form data to google sheets?
如何在沒有Google表單的情況下向Google表格提交HTML表單
[英]How to Submit an HTML Form to Google Sheets…without Google Forms
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.