JS如何用第一个

Question

如何填充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

您可以尝试按照以下步骤设置第二个日期选择器的最小日期：

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

e.g。

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

idoffirstdateselector是第一个日期选择器的ID。

修改

你可以尝试在第一个选择器的选择中设置思维。

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

Answer 2

您需要在第一个日期选择器上设置“onSelect”事件，以便在第二个日期选择器中设置最小日期。

当在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属性，就像我们为第一个做的那样。