как я могу открыть диапазон автоматического выбора даты вылета

Question

извините, мой вопрос, возможно, слишком esay, но я не понимаю javascript. У меня есть выбор даты диапазона. Прибытие Отъезд. Я хочу, чтобы, когда я выбрал прибытие, автоматическое открытие отправителя. вот мой код js.

$('#arrival').datetimepicker({
                        useCurrent: false,
                        format: 'DD/MM/YYYY',
                        minDate: 'now'
                    });
        $('#departure').datetimepicker({
            useCurrent: false,
            format: 'DD/MM/YYYY',
            minDate: 'now'
        });
        $("#arrival").on("change.datetimepicker", function (e) {
            $('#departure').datetimepicker('minDate', e.date);
        });
        $("#departure").on("change.datetimepicker", function (e) {
            $('#arrival').datetimepicker('maxDate', e.date);
        });

Answer 1

Вы можете использовать обратный вызов onShow () с setOptions(), чтобы установить минимальную и максимальную даты на устройстве выбора времени на лету.

Несколько других вещей, которые я заметил:

e.date не определено, поэтому я использовал .val() выбора даты и времени для дат.

Кроме того, у вас отключен формат, вы удваиваете названия месяцев и дни, а также удваиваете годы. Поэтому я установил формат 04 / May / 2018 в следующем примере.

Я также установил максимальную дату на приборе прибытия (на время отправления), если отправление установлено, в противном случае теперь есть максимальное значение.

$('#arrival').datetimepicker({
  useCurrent: false,
  format: 'd/M/Y',
  onShow: function(ct) {
    this.setOptions({
      minDate: "now",
      maxDate: $('#departure').val() ? new Date($('#departure').val()) : false
    })
  }
});

$('#departure').datetimepicker({
  useCurrent: false,
  format: 'd/M/Y',
  onShow: function(ct) {
    this.setOptions({
      minDate: new Date($('#arrival').val())
    })
  }
});

$("#arrival").on("change.datetimepicker", function(e) {
  $('#departure').datetimepicker("show");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>

arrive <input id="arrival" type="text"> 
depart <input id="departure" type="text">