在 Jquery timepicker 中动态更改了 disabledTime

Question

我想在 Jquery Timepicker 中更改 disabledTime。当用户 select 日期选择器中的日期时，必须更改时间选择器中禁用的时间值。但它运行不正常。

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

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

Answer 1

真的，我的错。我正在使用另一个函数来设置时间选择器的范围，但现在我没有看到我正在使用 "datepicker"。感谢 @leo_ap and @ndreivictor 的帮助。

在 Jquery timepicker 中动态更改了 disabledTime

Dynamically changed disabledTime in Jquery timepicker

jquery

timepicker