Question

我目前正在研究3个文本框的JQuery Datepicker。逻辑应该是：

txtFrom的日期不能早于txtTo
txt估算的日期不能早于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()) }
    );
}
});

3个文本框的JQuery Datepicker日期

1 个答案: