JS如何動態填充第一個日期選擇器的第二個日期選擇器

Question

我如何填充2個日期選擇器？第二個日期選擇器必須有至少第一次約會picker.This的價值是我的代碼現在：

selector.dtmDlgLimitFrom.attr('readonly', true).datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    minDate: dateToday, 
    yearRange: "0:+100" 
}); 
selector.dtmDlgLimtTo.attr('readonly', true).datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    minDate: selector.dtmDlgLimitFrom.datepicker("getDate"), 
    yearRange: "0:+100" 
}); 

Answer 1

您需要在「onSelect」事件上設置第一個日期選擇器以在第二個日期選擇器中設置最短日期。當在日期選擇器中選擇的任何日期將被填充

onSelect事件。

使用.dtpicker（「選項」），以動態地設置MINDATE在日期選擇器。

$("#idOfFirstDtPicker").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    minDate: new Date(), 
    yearRange: "0:+100", 
    onSelect: function(dateText, inst) { 
     $("#idOfSecondDtPicker").datepicker('option', 'minDate', $("#idOfFirstDtPicker").datepicker("getDate")); 
    } 
}); 
$("#idOfSecondDtPicker").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    yearRange: "0:+100" 
}); 

在這裏，如果你今天想設置爲第二個日期選擇默認MINDATE，那麼你可以設置minDate屬性，直接出現過，因爲我們做的第一個。

Answer 2

你可以嘗試以下操作來設置第二個日期選擇器的敏時間：

minDate: $("#idoffirstdateselector").datepicker("getDate") }); 

例如

selector.dtmDlgLimtTo.attr('readonly', true).datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    minDate: $("#idoffirstdateselector").datepicker("getDate") }), 
    yearRange: "0:+100" 
}); 

idoffirstdateselector是第一個日期選擇器的ID。

編輯

你可以嘗試設置MINDATE在ONSELECT firstdate選取器。

selector.dtmDlgLimitFrom.attr('readonly', true).datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    minDate: dateToday, 
    yearRange: "0:+100", 
    onSelect: function(date){ 
     var date2 = $('#idoffirstdateselector').datepicker('getDate'); 
     $('#idofseconddateselector').datepicker('option', 'minDate', date2);  
    } 
});