javascript - datepicker, minDate, maxDate + 日期格式问题

Question

我在使用日期选择器的表单中遇到日期格式问题。

在我的表单中，我有 2 个日期字段 -> 开始日期和结束日期。

我想要开始日期 < 结束日期。所以我使用了 minDate 和 maxDate 参数。

我还希望日期显示为“dd-mm-yy”。但是，它会混淆 minDate 和 maxDate。

例如，如果我设置 StartDate = 2017 年 1 月 3 日 (03-01-2017)，我无法在 3 月 2 日 (02-03-2017) 之前设置 EndDate，因为我猜，它正在读取错误的顺序。 (03-01-2017 = 2017 年 3 月 1 日)。

我该如何解决这个问题？

这是我的代码:

$(document).ready(function() {
  $("#startdate").datepicker({
    dateFormat: 'dd-mm-yy',
    onSelect: function(selected) {
      var dt = new Date(selected);
      dt.setDate(dt.getDate() + 1);
      $("#enddate").datepicker("option", "minDate", dt);
    }
   });
   $("#enddate").datepicker({
    dateFormat: 'dd-mm-yy',
    onSelect: function(selected) {
      var dt = new Date(selected);
      dt.setDate(dt.getDate() - 1);
      $("#startdate").datepicker("option", "maxDate", dt);
    }
  });
});

https://jsfiddle.net/Lmxuyjs8/1/

非常感谢

Answer 1

另一种解决方案

$(document).ready(function() {
$.datepicker.setDefaults({
      dateFormat: 'dd-mm-yy',
   });
    $('#startdate').datepicker({
          onSelect: function(selectedDate) {
                $('#enddate').datepicker('option', 'minDate', selectedDate );
          }
    });
    $('#enddate').datepicker({
          onSelect: function(selectedDate) {
                $('#startdate').datepicker('option', 'maxDate', selectedDate );
          }
    });

});

Fork fiddle link