此问题在此处已有答案:
jquery datetime picker set minDate dynamic(9个回答)
上个月关门了。
我在Jquery中有两个datepicker,第二个datepicker值(min和max)应该取决于第一个datepicker的实际值。
下面是我的代码:
第一个月<input aria-label="date" type="text" id="EndDate" name="EndDate" placeholder="dd/mm/yyyy" size="10" maxlength="10" style="margin-left:0px;" />
个
现在,我的Jquery:
$("#EndDate").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true
}
);
$("#EffectiveDate").datepicker({
dateFormat: 'dd/mm/yy',
//autoclose: true,
//minDate: 1,
minDate: vm.MinimumEffectiveDate(),
onClose: function (selectDate) {
// Set the minDate of 'to' as the selectedDate of 'from'
//$("#EndDate").datepicker("option", "minDate", (new Date(selectDate)).addDays(1));
//$("#EndDate").datepicker("option", "maxDate", (new Date(selectDate)).addMonths(24));
},
onSelect: function (date) {
//var selectedDate = new Date(date);
//alert(date);
var min = date.addDays(1);
var max = min.addMonths(24);
//var endDate = selectedDate.addDays(2);
//Set Minimum Date of EndDatePicker After Selected Date of StartDatePicker
//$("#EndDate").datepicker("option", "minDate", new Date(date));
//$("#EndDate").datepicker("option", "maxDate", max);
var selectedDate = new Date(date);
var msecsInADay = 86400000;
var endDate = new Date(selectedDate.getTime() + msecsInADay);
//Set Minimum Date of EndDatePicker After Selected Date of StartDatePicker
$("#EndDate").datepicker("option", "minDate", endDate);
$("#EndDate").datepicker("option", "maxDate", '+2y');
},
onchange: function (date) {
var selectedDate = new Date(date);
//alert(date);
//alert(date);
var min = date.addDays(1);
var max = min.addMonths(24);
//var endDate = selectedDate.addDays(2);
//Set Minimum Date of EndDatePicker After Selected Date of StartDatePicker
//$("#EndDate").datepicker("option", "minDate", min);
//$("#EndDate").datepicker("option", "maxDate", max);
}
});
字符串
问题是,当在第二个日期选择器中选择日期时,它不受限制,最小日期可以在第一个日期选择器中的日期之前
2条答案
按热度按时间bcs8qyzn1#
你可以试试这个代码:
个字符
此修改可确保EndDate选择器的最小日期设置为连续日期选择器中选定日期后的一天。
w8rqjzmb2#
您应该在EndDate日期选择器的选项中使用
onClose
,而不是使用onchange
。