jquery ui Datepicker reInitialization of minDate fails



>我有一个初始化日期选择器的函数

function initDatepickerTaskEndDate(){
//console.log(new Date(studyPhaseTimeframe.endDate));
$(".closeTaskDatePicker").datepicker({
showOn: "both",
showOtherMonths: true,
selectOtherMonths: true,
changeMonth: true,
changeYear: true,
dateFormat: "yy-mm-dd",
showWeek: true,
firstDay: 1,
showButtonPanel: true,
minDate: setMinDateForTaskCloseDatePicker(),
maxDate: studyPhaseTimeframe.endDate,
onClose: function (){// setting end date and link to call the save function
var closeDate = $(".closeTaskDatePicker").datepicker("getDate");
if(closeDate!=null){
$(".acceptCloseDate").prop("disabled",false);
}
},
}).focus(function(){
$(".ui-datepicker-calendar").css({"position":"relative"});  
$(this).attr("autocomplete","off");
$(".acceptCloseDate").prop("disabled",true);
});
}

还有一个设置 minDate 的函数,我也使用来自另一个日期选择器的 getDate。

function setMinDateForTaskCloseDatePicker(){
var minDate=null;
console.log("start init close")
//set min Date to Task Close date to the biggest milestone completed date or to the biggest task schedule completion date.
//console.log($(".datepickerTaskStart").datepicker("getDate"));
console.log("set min on EndDate");
minDate=$(".datepickerTaskStart").datepicker("getDate");    
console.log(minDate);           
if(taskSchedulesListLength>0){
$.each(taskSchedulesList,function(index,item){
if(item.plannedDate!=null){
var newDate=new Date(item.plannedDate);
if(minDate==null && item.completedQty>0){
minDate=newDate;
}else if(minDate<newDate && item.completedQty>0){
console.log("came in");
minDate=newDate;
}
}
});
}else{
$.each(milestoneRoleBudgetList,function(index,item){
if(item.completionDate!=null){
var newDate=new Date(item.completionDate);
if(minDate==null){
minDate=newDate;
}else if(minDate<newDate){
minDate=newDate;
}
}
});
}

console.log("Min Return:");
console.log(minDate);
return minDate;
}

此外,当第二个日期选择器更改时,我会重新初始化此日期选择器。

$(document).on('change','.datepickerTaskStart',function(){
initDatepickerTaskEndDate();
console.log("mminn end");
console.log($(".closeTaskDatePicker").datepicker( "option", "minDate" ));
console.log("mmaxx end");
console.log($(".closeTaskDatePicker").datepicker( "option", "maxDate" ));
});

控制台日志的结果是:

  • 在开始时,我们有(第二个日期选择器的日期为 2019-06-03(:

41:1500 开始初始化关闭

41:1503 在结束日期设置最小值

41:1505 周一 6月 03 2019 00:00:00 GMT+0200 (中欧夏令时(

41:1535 分钟 返回:

41:1536 周一 6月 03 2019 00:00:00 GMT+0200 (中欧夏令时间(

  • 更改第二个日期选择器后,初始化开始,我有所有其他结果

41:1500 开始初始化关闭

41:1503 在结束日期设置最小值

41:1505 星期五 十二月 07 2018 00:00:00 GMT+0100 (中欧标准时间(

41:1535 分钟 返回:

41:1536 星期五 十二月 07 2018 00:00:00 GMT+0100 (中欧标准时间(

41:2778 毫米结束

41:2779 周一 6月 03 2019 00:00:00 GMT+0200 (中欧夏令时(

41:2780 毫最大值结束

41:2781 2018-12-27

我预计最小日期是 2018-12-27,但它仍然像开始时一样。 我错过了什么原因控制台.log在初始化中,计算日期的函数似乎正确返回了日期。

仅调用函数来设置最小和最大日期而不进行总初始化可以解决问题

最新更新