Jquery .datepicker日历选择在100%的时间内不工作
此代码似乎正常工作,但当用户从startdate输入字段中选择新日期时,它仅在前2次更新enddate字段,而在第3次时它什么也不做,不确定到底是什么原因导致了问题。。。如果有人能发现这个问题 我使用下面的导入,当我在记事本中打开它们时,在每个导入的顶部都会这样写++ jquery-ui.cssv1.11.2 jquery.jsv1.10.2 jquery-ui.jsv1.11.2Jquery .datepicker日历选择在100%的时间内不工作,jquery,datepicker,Jquery,Datepicker,此代码似乎正常工作,但当用户从startdate输入字段中选择新日期时,它仅在前2次更新enddate字段,而在第3次时它什么也不做,不确定到底是什么原因导致了问题。。。如果有人能发现这个问题 我使用下面的导入,当我在记事本中打开它们时,在每个导入的顶部都会这样写++ jquery-ui.cssv1.11.2 jquery.jsv1.10.2 jquery-ui.jsv1.11.2 $(document).ready(function () { $("#enddate").datepic
$(document).ready(function () {
$("#enddate").datepicker({
dateFormat: "dd-M-yy",
onSelect: function (date){
var dateliveend = $("#enddate").val();
$('#dateliveend').html(dateliveend);
}
});
$("#startdate").datepicker({
dateFormat: "dd-M-yy",
minDate: 0,
maxDate: 365,
onSelect: function (date) {
var enddate = $('#startdate').datepicker('getDate');
var startdate = $('#startdate').datepicker('getDate');
startdate.setDate(startdate.getDate());
enddate.setDate(enddate.getDate() + 28);
$('#enddate').datepicker('setDate', enddate);
$('#enddate').datepicker('option', 'maxDate', enddate);
$('#enddate').datepicker('option', 'minDate', startdate);
}
});
});
<input type="text" id="startdate" name="startdate"
value=" <?php echo date('d-M-Y', strtotime('+0 day') + 36000); ?>" readonly />
<input type="text" id="enddate" name="deadline"
value=" <?php echo date('d-M-Y', strtotime('+28 day') +36000); ?>" readonly />
我做了一把小提琴,向你展示了我所经历的奇怪行为
$('#enddate').datepicker({
dateFormat: "dd-M-yy",
minDate: 0,
defaultDate: "+28d",
maxDate: "+28d",
});
$("#startdate").datepicker({
dateFormat: "dd-M-yy",
minDate: 0,
maxDate: 365,
onClose: function () {
var enddate = $('#startdate').datepicker('getDate');
var startdate = new Date(enddate);
enddate.setDate(enddate.getDate()+28);
$('#enddate').datepicker('destroy');
$('#enddate').datepicker();
$('#enddate').datepicker('setDate', enddate);
$('#enddate').datepicker('option', {
dateFormat: "dd-M-yy",
minDate: startdate,
maxDate: enddate
});
}
});
HTML
我相信解决办法是这样的。datepicker在初始化时遇到了问题,所以我在重新初始化之前销毁了它。请参见fiddle-works great在相同日期或不同日期的情况下,70%的时间都有效?不同的日期,我单击一个日期,它会正确显示,然后我将单击另一个日期,有时必须再次打开日期选择器,以单击该日期,使其显示在哪里初始化enddate日期选择器?如果在设置结束日期的同时对其进行初始化,则其设置可能不正确。请添加JS和CSS导入Added JS和CSS导入以及结束日期选取器代码
<input type="text" id="startdate" readonly />
<input type="text" id="enddate" readonly />