Question

我有一个index.html文件。我想使用bootstrap创建内联日历。但是我收到一个名为“VM1487：3 Uncaught TypeError：$（...）。datetimepicker不是函数”的错误。我不知道好的bootstrap，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之前必须包含这些文件：

＆＃13;

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

＆＃13;

<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>

＆＃13;

希望这有帮助。

如何使用bootstrap，javascript，jquery制作内联日历

1 个答案: