JS 2番目の日付ピッカーに最初の日付のピリオドを動的に取り込む方法

Question

2つの日付ピッカーを作成するにはどうすればよいですか？ピッカーは、最初の日付のpicker.Thisの少なくとも価値を持つように有する第2日は、今の私のコードです：

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」イベントを設定して、2番目の日付を最小日付に設定する必要があります。

datePickerで日付が選択されると、onSelectイベントが設定されます。

.dtpicker（ "option"）を使用すると、datepickerのマインドを動的に設定できます。ここで

$("#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

2番目の日付セレクタの分の日付を設定するには、次の試みることができます。

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

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

idoffirstdateselectorは、最初の日付セレクタのIDです。

編集

あなたはfirstdateピッカーのONSELECTにMinDateプロパティを設定しようとすることができます。

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);  
    } 
});