可能的问题? - 无法使用 bootstrap-datetimepicker v4.17.42 禁用时间间隔的小时数

Possible Issue? - Unable to disable hours with Time Intervals with bootstrap-datetimepicker v4.17.42

我正在尝试使用 bootstrap-datetimepicker 禁用具体日期中的某些时间。

我在文档中阅读了 http://eonasdan.github.io/bootstrap-datetimepicker/Functions/#disabledtimeintervals 符合我需要的 disabledTimeIntervals 函数。

我尝试了几个环境,安装如下 (v4.17.42) 当前:

    $ bower install eonasdan-bootstrap-datetimepicker#latest --save

我尝试安装 4.14.30 版(结果相同)

    $ bower install eonasdan-bootstrap-datetimepicker#4.14.30 --save

安装所有组件后(jquery、bootstrap、moment.js 和 eonasdan-bootstrap-datetimepicker),我的 datetimePicker 可以正常工作。

问题从这里开始:

当我尝试禁用一个小时范围时,没有出现任何错误,当我单击小时箭头时,选择器不允许我更改为禁用的小时,但是当我单击小时数以查看一天中的所有时间,理论上 "disabled" 小时不会显示为已禁用,我可以 select 它!

我的代码:

<html>
    <head>
        <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
        <script type="text/javascript" src="bower_components/moment/min/moment.min.js"></script>
        <script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
        <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
        <link rel="stylesheet" href="bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" />
    </head>
    <body>
        <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({
                            debug: true,
                            format: 'YYYY-MM-DD HH:mm:ss',
                            sideBySide: true,
                            disabledTimeIntervals: [
                                [moment('2016-12-31 21:59:59'), moment('2016-12-31 23:00:00')]
                            ]
                        });
                    });
                </script>
            </div>
        </div>
    </body>
</html>

我怀疑这是一个问题,因为相同的代码在 fiddle 中的工作方式与预期的一样: http://jsfiddle.net/gLzvqqrj/3/

有人知道如何检查 fiddle 中使用的 datetimepicker 的版本吗? 或者更好的是,为什么我的代码不起作用?

好的,很抱歉给您带来不便,今天工作正常。

如果有人遇到和我一样的问题,请确保清除所有浏览器缓存,而不仅仅是像我一样按住 Ctrl 重新加载...