javascript - 如何将 EndDate 的 minDate 设置为 StartDate 中的值

Question

假设您有两个日期选择器。

$("#StartDate").datepicker({
  mindDate: 0
});

$("#EndDate").datepicker({
  minDate: // how to set here the StartDate's value?
});

如何将 $("#EndDate") 的 minDate 设置为 $("#StartDate") 中的任何值？

到目前为止我尝试过的是，

$("#EndDate").datepicker({
  beforeShow: function() {
    $(this).datepicker('minDate', $("#StartDate").val(); // Still not getting the value from #StartDate
  }
});

minDate 仍然没有生效。我应该怎么做才能使它正确？任何想法？谢谢

Answer 1

使用jQuery提供的示例!使用OnClose:

$(function() {
    $("#StartDate").datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onClose: function( selectedDate ) {
            $("#EndDate").datepicker( "option", "minDate", selectedDate );
        }
    });

    $("#EndDate").datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onClose: function( selectedDate ) {
            $("#StartDate").datepicker("option", "maxDate", selectedDate);
        }
    });
});

请参见此处:http://jqueryui.com/datepicker/#date-range