Изменить формат даты выбора даты

Question

У меня есть 2 средства выбора даты, minDate из второго средства выбора даты - это дата из первого средства выбора даты. Проблема в том, что если я хочу изменить значение с «мм / дд / гг» на «дд-мм-гг» в переменной dateFormat, второй указатель даты теряет minDate. Я хочу, чтобы в обоих указателях даты формат даты был «дд-мм-гг».

$(function() {
  var dateFormat = 'mm/dd/yy',
    from = $("#from")
    .datepicker({
      minDate: 0,
      numberOfMonths: 2
    })
    .on("change", function() {
      to.datepicker("option", "minDate", getDate(this));
    }),
    to = $("#to").datepicker({
      dateFormat: 'dd-mm-yy',
      numberOfMonths: 2
    })

  function getDate(element) {
    var date;
    try {
      date = $.datepicker.parseDate(dateFormat, element.value);
    } catch (error) {
      date = null;
    }

    return date;
  }
});

<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<input id="from" />
<input id="to" />

Answer 1

В указанном вами коде вы не везде используете один и тот же формат даты.

$(function() {
  var dateFormat = 'dd-mm-yy',
    from = $("#from")
    .datepicker({
      minDate: 0,
      numberOfMonths: 2,
      dateFormat: dateFormat,
    })
    .on("change", function() {
      to.datepicker("option", "minDate", getDate(this));
    }),
    to = $("#to").datepicker({
      dateFormat: dateFormat,
      numberOfMonths: 2
    })

  function getDate(element) {
    var date;
    try {
      date = $.datepicker.parseDate(dateFormat, element.value);
    } catch (error) {
      date = null;
    }

    return date;
  }
});

здесь я предоставляю переменную dateFormat для средства выбора даты, которое ее исправляет.