jQuery Datepicker 3个文本框的日期

Question

我目前正在为3个文本框使用JQuery Datepicker。 逻辑应为：

• txtFrom的日期不能早于txtTo

• txtEstimate的日期不能早于txtFrom

第一种逻辑有效，但是第二种逻辑无效，需要有关此问题的建议。 以下是我的代码。

       $("#txtFrom").datepicker({
          minDate: -60,
          onClose: function () {
              $("#txtTo").datepicker(
                "change",
                { minDate: new Date($('#txtFrom').val()) }
        );
          }
      });
      $("#txtTo").datepicker({
          minDate: -60,
          onClose: function () {
              $("#txtFrom").datepicker(
                "change",
                { maxDate: new Date($('#txtTo').val()) }
        );
          }
      });
      $("#txtTo").datepicker({
          minDate: -60,
          onClose: function () {
              $("#txtEstimate").datepicker(
                "change",
                { minDate: new Date($('#txtTo').val()) }
        );
          }
      });
      $("#txtEstimate").datepicker({
          minDate: -60,
          onClose: function () {
              $("#txtTo").datepicker(
                "change",
                { maxDate: new Date($('#txtEstimate').val()) }
        );
          }
      });

Answer 1

您两次调用同一方法$("#txtTo").datepicker

尝试：

$("#txtFrom").datepicker({
    minDate: -60,
    onClose: function () {
        $("#txtTo").datepicker(
        "change",
        { minDate: new Date($('#txtFrom').val()) }
        );
  }
});
$("#txtTo").datepicker({
  minDate: -60,
  onClose: function () {
      $("#txtFrom").datepicker(
        "change",
        { maxDate: new Date($('#txtTo').val()) }
       );
      $("#txtEstimate").datepicker(
        "change",
        { minDate: new Date($('#txtTo').val()) }
       );
  }
});
$("#txtEstimate").datepicker({
  minDate: -60,
  onClose: function () {
     $("#txtTo").datepicker(
            "change",
            { maxDate: new Date($('#txtEstimate').val()) }
    );
}
});