我有两个文本框,一个日期戳连接到他们。文本框是开始日期和结束日期。第一个datepicker被设置为使得用户不能在今天之前选择日期,但可以在将来选择任何日期。
如何设置第二个日期选择器,以便在第一个日期选择器中选择的日期之前不能选择日期?例如:如果今天是12/11/10,而在第一个datepicker中选择12/15/10,那么第二个日期选择器在12/15/10之前不应该选择任何东西。
到底是我有什么
$("#txtStartDate").datepicker({ minDate: 0 }); $("#txtEndDate").datepicker({});
解决方法
例如,在这个示例代码中,startDatePicker被选为2010-12-12,startDatePicker的更改事件设置了endDatePicker 2010-12-13的minDate。它在这个日期之前锁定单元格。这是一个@Victor提到的样本。我希望它有助于… … … … Ozlem。
$("#startDatePicker").datepicker({ dateFormat: 'yy-mm-dd',changeMonth: true,minDate: new Date(),maxDate: '+2y',onSelect: function(date){ var selectedDate = new Date(date); var msecsInADay = 86400000; var endDate = new Date(selectedDate.getTime() + msecsInADay); $("endDatePicker").datepicker( "option","minDate",endDate ); $("endDatePicker").datepicker( "option","maxDate",'+2y' ); } }); $("endDatePicker").datepicker({ dateFormat: 'yy-mm-dd',changeMonth: true });