如何使用引导程序，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> 

希望这可以帮助。