Getting TypeError: $(...).datetimepicker is not a function

Question

这个问题让我摸不着头脑。我正在尝试使用 bootstrap datetimepicker 附加组件来获得一个不错的动态日历，但是 Firefox 和 Chrome 给我同样的错误：TypeError: $(...).datetimepicker 不是一个函数。日历当然不会出现。

<script src="~/Scripts/jquery-2.2.0.min.js"></script>
<script type="text/javascript" src="/scripts/moment.min.js"></script>
<script type="text/javascript" src="/scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="/scripts/bootstrap-datetimepicker.js">    </script>

<div class="form-group">
    <div class='col-sm-6'>
        <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>
</div>
<script type="text/javascript">
    $(function() {
        $('#datetimepicker1').datetimepicker();
    });
</script>

我做错了什么？订单什么的？

编辑：我正在尝试调用 DateTimePicker 作为 http://eonasdan.github.io/bootstrap-datetimepicker/ 的文档，而不是建议答案中的 DatePicker。

Answer 1

在此处检查它与您的代码 https://jsfiddle.net/vvmhbykw/ 配合得很好：

$(function() {
 $('#datetimepicker1').datetimepicker();
});

尝试使用不同的脚本版本或我在 fiddle 中使用的脚本版本。

Getting TypeError: $(...).datetimepicker is not a function

Getting TypeError: $(...).datetimepicker is not a function

javascript

jquery

twitter-bootstrap

bootstrap-datetimepicker