Question

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

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

我尝试了几个环境，安装如下（v4.17.42）current：

    $ 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正常工作。

问题从这里开始：

当我尝试禁用一系列小时时，我没有错误，当我点击小时箭头时，选择器不允许我更改为禁用小时，但是当我点击小时数时看一天中的所有时间，理论上＆＃34;残疾＆＃34;小时不会显示为已禁用，我可以选择它！

我的代码：

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

我怀疑这是一个问题，因为相同的代码在这个小提琴中正如预期的那样工作： http://jsfiddle.net/gLzvqqrj/3/

有人知道如何检查小提琴中使用的datetimepicker版本吗？或者更好的是，为什么我的代码不起作用？

Answer 1

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

如果有人遇到与我相同的问题，请务必清除所有浏览器缓存，不要像我一样重新按住Ctrl ...

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

1 个答案: