jquery - 动态限制 jQuery timepicker 中的时间？

Question

我的表单中有两个字段。一种是使用 jQuery 日期选择器的日期字段，另一种是 jQuery 时间选择器。现在的问题是，如果我在日期字段中选择今天的日期，那么时间选择器不应显示过去的时间。例如。如果现在时间是 17:00 小时，那么时间选择器不应将 17:00 之前的时间显示为可选择的。这是我的代码，

$(function() {
    $( ".datepicker" ).datepicker({minDate:'0'});
    $('.timepicker').timepicker();
});

$("#date").click(function(){
    if($("#date").val()=='04/17/2012')
    {
        updatetimefortoday();
    }
});![enter image description here][1]

function updatetimefortoday()
{
    $('.timepicker').timepicker({
        onHourShow: timepickerRestrictHours
    });

    function timepickerRestrictHours(hour)
    {
        if ((hour > 17))
        {
            return true;
        }
        return false;
    }
}

现在的问题是，如果我们在 document.ready 上调用函数 updatetimefortoday()，它会正确显示时间选择器。但是，如果我们通过单击日期字段来执行此操作(如代码所示)，则它不起作用。

这是选择日期后的预期输出。

Answer 1

经过更多研究后，我得出的结论是，最好的方法是始终调用 onHourShow 函数并验证该函数中选定的日期。我认为这更好，因为用户仍然可以看到禁用的时间而不是空白单元格。

$('#date').datepicker({
    minDate: 0
});
$('#time').timepicker({
    onHourShow: function( hour ) { 
        var now = new Date();
        // compare selected date with today
        if ( $('#date').val() == $.datepicker.formatDate ( 'mm/dd/yy', now ) ) {
            if ( hour <= now.getHours() ) {
                return false;
            }
        }
        return true;
    }
});​

这是一个工作示例: http://jsfiddle.net/fgelinas/kUFgT/4/

至于Aymad Safadi报告的开始和结束时间问题，我会看看我能做什么，这绝对是一个错误。