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

#jquery #datepicker

#jquery ( jquery ) #выбор даты

Вопрос:

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

Я пробовал различные решения, но ни одно из них, похоже, не работает…

Я уверен, что это легко исправить, но я не могу заставить это работать. Любая помощь была бы очень признательна.

 jQuery(document).ready(function($) {
    $("#arrivalDate").datepicker({
        minDate: 'dateToday',
        onSelect: function (date) {
            $("#departureDate").datepicker({
                minDate: date
            });
        }
    });
    $("#departureDate").datepicker();
});
 

Ответ №1:

Ваш код почти корректен, единственная проблема заключается в том, как вы пытаетесь установить minDate — вам нужно использовать option , например:

 jQuery(document).ready(function($) {
  $("#arrivalDate").datepicker({
    minDate: 'dateToday',
    onSelect: function(date) {
      $("#departureDate").datepicker('option', 'minDate', date);
    }
  });
  
  $("#departureDate").datepicker();
}); 
 <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.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<p>Arrival: <input type="text" id="arrivalDate" /></p>
<p>Departure: <input type="text" id="departureDate" /></p> 

Комментарии:

1. Нет проблем, рад помочь