如何刪除datepicker中的maxDate？

Question

我有下面的代碼工作正常。但如果我更改了DateEnd，如何刪除StartDate中的maxDate？

比如我DateStarted是09/26/2016和End是09/30/2016它有一個maxDate and minDate，你可以看到每個代碼。我想要的是如果我清除Enddate中的maxDate中的Startdate將被刪除它可以再選擇整個12個月。

HTML

< input type="text" id = "TrainingProgram_DateStarted" > 
< input type="text" id = "TrainingProgram_DateEnded" > 

JS

$("#TrainingProgram_DateStarted").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    onSelect: function (dateText) { 
     $("#TrainingProgram_DateEnded").datepicker('option', 'minDate', dateText); 
    } 
}); 

$("#TrainingProgram_DateEnded").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    onSelect: function (dateText) { 
     $("#TrainingProgram_DateStarted").datepicker('option', 'maxDate', dateText); 
    } 
}); 

被選擇從日期選擇器值時被觸發的日期選擇器

FIDDLE

Answer 1

onSelect事件。如果你清除輸入值，上面的事件不會被觸發。您應該更改enddate的事件並檢查值是否爲空。如果爲空，則設置的maxDate開始輸入的爲空：

$("#TrainingProgram_DateEnded").change(function(){ 
    if($(this).text().trim().length == 0) 
    $("#TrainingProgram_DateStarted").datepicker('option', 'maxDate', null); 
}).datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    onSelect: function (dateText) { 
     $("#TrainingProgram_DateStarted").datepicker('option', 'maxDate', dateText); 
    } 
}); 

Working Demo