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();
});

尝试使用不同的脚本版本或我在小提琴中使用的版本。

获取TypeError：$（...）。datetimepicker不是函数

1 个答案: