如何使用引導程序，javascript，jquery制作嵌入式日歷

Question

我有一個index.html文件。 我想使用Bootstrap創建一個內聯日歷。但是我收到一個錯誤消息：“ VM1487：3 Uncaught TypeError：$（...）。datetimepicker不是一個函數”。我不知道如何使用自舉，javascript.please幫助我，這是我的代碼：

/index.html

<div class="form-group all-forms">
    <div class="col-sm-3 col-sm-offset-5 r-view">
    <div id="datetimepicker"></div>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        $('#datetimepicker').datetimepicker({
            inline: true,
            sideBySide: true
        });
    });
</script>

Answer 1

您正在使用datetimepicker而應該是datepicker 。 根據文檔。 試試這個，它應該可以工作。 確保包含正確的CSS和正確的js。

這些是datetimepicker的css和js文件，在與jquery和bootstrap js一起使用之前必須包括這些文件：

 <script type="text/javascript"> $(function () { $('#datetimepicker').datetimepicker({ // your options }); }); </script> 

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 

希望這可以幫助。