用于 3 个文本框日期的 JQuery Datepicker答案

【问题标题】：JQuery Datepicker for 3 textboxes date用于 3 个文本框日期的 JQuery Datepicker
【发布时间】：2015-01-09 02:38:29
【问题描述】：

我目前正在为 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()) }
        );
          }
      });

【问题讨论】：

` $("#txtTo").datepicker({})` datepicker 实例启动了两次。给它另一个 ID。

标签： jquery textbox datepicker jquery-ui-datepicker

【解决方案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()) }
    );
}
});

【讨论】：

嗨 Juan，我遇到了一个问题，代码在 IE 上不起作用？它可以在 Chrome 上运行。你能建议如何让它在 IE 上也能工作吗？？