禁用minTime和maxTime范围之外的时间

Question

我试图链接2个jquery-ui timepicker。

var time = new Date();
$('#from').timepicker({
    onClose: function(dateText, inst) {
        var startDateTextBox = $('#to');
        if (startDateTextBox.val() != '') {
            var testStartDate = new Date(startDateTextBox.val());
            var testEndDate = new Date(dateText);
            if (testStartDate > testEndDate)
                startDateTextBox.val(dateText);
        }
        else {
            startDateTextBox.val(dateText);
        }
    },
    onSelect: function(dateText){
        var time = new Date($(this).datetimepicker('getTime').getTime());
        $('#to').timepicker('option', 'minTime',time);
    }
});


$('#to').timepicker({
    onClose: function(dateText, inst) {
        var startDateTextBox = $('#from');
        if (startDateTextBox.val() != '') {
            var testStartDate = new Date(startDateTextBox.val());
            var testEndDate = new Date(dateText);
            if (testStartDate > testEndDate)
                startDateTextBox.val(dateText);
        }
        else {
            startDateTextBox.val(dateText);
        }
    },
    onSelect: function(dateText){
        var time = new Date($(this).datetimepicker('getTime').getTime());
        $('#from').timepicker('option', 'maxTime',time);
    }
});

所有代码所做的只是将timepicker值放在彼此的输入上，如果它是空的。

我需要它们看起来像这样：

从：

为：

当在#from中选择16时，将禁用25以上的所有分钟，然后在#to中选择12时，将禁用35以下的所有分钟。

可以吗？如果能，怎么样？

Answer 1

请阅读jQuery doc所有可用的帮助。

这是可用的时间选择器可能会有所帮助

http://jonthornton.github.io/jquery-timepicker

http://jonthornton.github.io/Datepair.js https://github.com/wvega/timepicker/tree/master/test/resources/jquery-ui

Answer 2

以下是minTime使用的示例：http://timepicker.co/options/

$(document).ready(function(){
    $('input.timepicker').timepicker({
        timeFormat: 'HH:mm:ss',
        minTime: '11:45:00' // 11:45:00 AM,
        maxHour: 20,
        maxMinutes: 30,
        startTime: new Date(0,0,0,15,0,0) // 3:00:00 PM - noon
        interval: 15 // 15 minutes
    });
});