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