1
我有两个Bootstrap Datepicker日历字段。在第一个日历上,人们只能从今天开始选择过去三天,而在第二个日历上,我想将startDate
和endDate
设置为今天。如果选择时间超过三天,则提示出错。假设今天是11月3日。当人在第一个日历中选择11月1日,2日或3日时,第二个日历将在11月3日。如果有人试图选择10月31日,它会发出警报。Bootstrap jQuery Datepicker限制日期选择器在两个日历的第一个日历上的三天
我有什么(UPDATE):
<input type="text" id="startDate">
<input type="text" id="endDate">
$("#dt1").datepicker({
dateFormat: "dd-M-yy",
maxDate: 0,
minDate: -2,
onSelect: function (date) {
var date2 = $('#dt1').datepicker('getDate');
date2.setDate(date2.getDate() + 2);
$('#dt2').datepicker('setDate', date2);
$('#dt2').datepicker('option', 'maxDate', date2);
var dt3 = $('#dt1').datepicker('getDate');
console.log(dt1);
var dt4 = $('#dt2').datepicker('getDate');
if (dt3 == dt4) {
maxDate: 0;
minDate: 0;
var date3 = $('#dt1').datepicker('getDate');
var date4 = $('#dt2').datepicker('getDate');
date4.setDate(date3.getDate());
}
}
});
$('#dt2').datepicker({
dateFormat: "dd-M-yy",
minDate: 0,
maxDate: 0,
onClose: function() {
var dt1 = $('#dt1').datepicker('getDate');
console.log(dt1);
var dt2 = $('#dt2').datepicker('getDate');
if (dt2 <= dt1) {
var minDate = $('#dt2').datepicker('option', 'minDate');
$('#dt2').datepicker('setDate', minDate);
}
}
});
*“我有两个引导日期选择器日历字段” * - 从您发布的代码,看来你拥有jQuery的日期选择器,而不是自引导日期选择器(Eternicode)!你在使用哪一个?如果是后者,那么'startDate'和'minDate'有什么问题?点击这里 - http://codepen.io/Abhitalks/pen/ojMpNN/ – Abhitalks