Как я могу отключить дату, выбранную ранее для бронирования? - PullRequest
Новая
       7

Как я могу отключить дату, выбранную ранее для бронирования?

1 голос
/ 03 мая 2019

Я использую указатель даты и времени здесь (https://xdsoft.net/jqplugins/datetimepicker/) Я пытаюсь зарезервировать, и я хочу, чтобы, если первое выбранное время даты было 20 сентября в 12 часов, я бы сказал, что во втором входе я могу выбрать только ранее выбранный день и выше ранее выбранного часа

Сомбедь может помочь, пожалуйста? Большое спасибо заранее!

(переменная "nextDayReservation" - это дата, которая была выведена из базы данных, не беспокойтесь об этом) 

$("#datetimeFrom").datetimepicker({

            minDate:nextDayReservation, 
            maxDate: '+1970/02/01',
            format:'d/m/Y H:i', // d/m/Y H:i
            minTime: '09:00',
            maxTime: '22:00'

  });



$("#datetimeTo").datetimepicker({

            minDate:reservationDate,
            format:'d/m/Y H:i',
            maxDate: '+1970/02/01',
            minTime:'09:00',
            maxTime:'22:00'
  });

1 Ответ

0 голосов
/ 03 мая 2019

следующих работ на дату: 

$("#datetimeFrom").datetimepicker({
  format: 'Y/m/d H:i',
  onShow: function(ct) {
    this.setOptions({
      maxDate: jQuery('#datetimeTo').val() ? jQuery('#datetimeTo').val() : false,
    })
  }
});

$("#datetimeTo").datetimepicker({
  format: 'Y/m/d H:i',
  onShow: function(ct) {
    this.setOptions({
      minDate: jQuery('#datetimeFrom').val() ? jQuery('#datetimeFrom').val() : false,
    })
  }
});
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.js"></script>

<input id="datetimeFrom" type="text">
<input id="datetimeTo" type="text">
...