在 Jquery timepicker 中动态更改 disabledTime答案

【问题标题】：Dynamically changed disabledTime in Jquery timepicker在 Jquery timepicker 中动态更改 disabledTime
【发布时间】：2017-01-17 13:32:35
【问题描述】：

我想在 Jquery Timepicker 中更改 disabledTime。当用户在 datepicker 中选择日期时，必须更改 timepicker 中的禁用时间值。但它不能正常工作。

HTML 代码

<label>Date:</label>
<input type="text" id="datepicker"/>
<label>Time: </label>
<input type="text" id="timepicker"/>

JS代码

$(document).ready(function () {
        $("#datepicker").datepicker({
            dateFormat: "dd-mm-yy",
            minDate: 0,
            onSelect: function(dateText) {
                var disabledTime = [['13:00', '18:00'], ['19:00', '20:00']];
                $('#timepicker').datepicker('option', 'disableTimeRanges', disabledTime);
            }
        });
        var disabledTime = [['15:00', '16:00']];
        $('#timepicker').timepicker({
            'minTime': '10:00',
            'maxTime': '22:00',
            'showDuration': true,
            'timeFormat': 'H:i',
            'show2400': true,
            'step': 60,
            'disableTimeRanges' : disabledTime
        });
    });

第一次，当文档准备好时，禁用时间可以正常工作，但后来就不行了。

【问题讨论】：

timepicker 是 jquery 插件吗？如果是这样，请指定您使用的是哪一个
为什么在 datepicker 的 onSelect 动作中使用$('#timepicker').datepicker(...？不应该是$('#timepicker').timepicker(...吗？
把$('#timepicker').datepicker('option', 'disableTimeRanges', disabledTime);换成这个：$('#timepicker').timepicker('option', 'disableTimeRanges', disabledTime);。在这里摆弄：jsfiddle.net/yh3u387p.

标签： jquery timepicker

【解决方案1】：

真的，我的错。我正在使用另一个函数来范围时间选择器，但没有看到现在我正在使用“日期选择器”。感谢@leo_ap 和@ndreivictor 的帮助。

【讨论】：