javascript - Bootstrap datetimepicker 安装/配置

Question

我在 eonasdan bootstrap datetimepicker 的基本配置方面遇到了一些问题.

我创建了一个 fiddle使用他们的 basic setup instructions 中的代码显示我的配置。我看到另一个 Stackoverflow question关于这个主题还有另一个 fiddle使用相同插件的旧版本。这两个 fiddle 看起来很相似，但我的不行。

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <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>
    </div>
</div>

为什么我的 fiddle 中的日期时间选择器不起作用？

Answer 1

如果您在检查控制台时运行 fiddle ，您将看到以下错误:

uncaught exception: bootstrap-datetimepicker requires Moment.js to be loaded first

所以这只是脚本加载顺序的问题。 This是完全相同的 fiddle ，除了 bootstrap-datetimepicker.min.js 是最后加载的，它可以工作。

只需注意以正确的顺序加载资源，或使用依赖管理工具为您整理。