Javascript: блокировка дат в календаре для обоих календарей - PullRequest
0 голосов
/ 19 апреля 2020

У меня есть два календаря, один для проверки и один для проверки. Я хочу убедиться, что когда пользователь выбирает дату заезда, предыдущие дни до этого будут заблокированы в календаре выписки. Например, если я выберу 16/04/2020 для своей регистрации, пользователь не сможет выбрать любую дату до 16/04/2020, когда они выписываются. Вот следующий код:

Show.blade. php

   <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"> 
  </script>
   <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"> 
  </script>
  <script type="text/javascript" 
   src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>

     <div class='col-md-5'>
        <div class="form-group">
           <div class='input-group date' id="checkIndate">
          <input id="checkIndate" input type='date' class="form-control"/>
          <span class="input-group-addon">
          <span class="glyphicon glyphicon-calendar"></span>
    </span>
     </div>
   </div>
  </div>
  <div class='col-md-5'>
      <div class="form-group">
         <div class='input-group date' id="checkOutdate">
         <input id="checkOutdate" input type='date' class="form-control"/>
         <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

$("#checkIndate").datepicker({
dateFormat: "dd-M-yy",
minDate: 0,
onSelect: function () {
    var toTimeInput = $('#checkOutdate');
    var minDate = $(this).datepicker('getDate');

    toTimeInput.datepicker('option', 'minDate', minDate);
}
});

$('#checkOutdate').datepicker({
dateFormat: "dd-M-yy",
minDate: 0
});

Я заметил, что многие люди положили

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...