在Jquery timepicker

时间:2017-01-17 13:32:36

标签: jquery timepicker

我想在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
        });
    });

第一次,当文档准备就绪时,禁用时间工作正常,但之后却没有。

1 个答案:

答案 0 :(得分:0)

真的,我的错误。我正在使用另一个函数来测量时间戳,并且没有看到现在我正在使用&#34; datepicker&#34;。感谢@leo_ap@ndreivictor寻求帮助。