JQuery 3 个文本框日期的日期选择器

Question

我目前正在为 3 个文本框开发 JQuery 日期选择器。逻辑应该是：

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

JQuery 3 个文本框日期的日期选择器

JQuery Datepicker for 3 textboxes date

jquery

textbox

datepicker

jquery-ui-datepicker