根据日期选择器中的选择设置多个日期选择器的最小日期

时间:2010-11-12 17:02:18

标签: jquery datetime datepicker

当任何一个选择日期时,是否可以设置多个jQuery日期选择器的最小日期属性。

例如;如果我有5个日期选择器,则最小日期应该(对于每个日期选择器)在前一个日期之后至少1天。

2 个答案:

答案 0 :(得分:0)

是的,您可以看到日期选择器的事件,您可以根据在datepicker上选择的上一个日期显示日期。

答案 1 :(得分:0)

您可以通过动态更改日期选择器的选项来获得此功能。

$('#date1').datepicker('option', 'onSelect', function() {
    // Figure out value for new minimum
    $('#date2').datepicker('option', 'minDate', newMinimum);
});

$(document).ready()中添加类似的内容,只要在date1中选择了新日期,date2的选择器就会更新。

要注意的事项:日期选择器的最短日期不会阻止某人输入无效日期。你可以通过只读字段来防止这种情况。