Установка второго средства выбора даты на год раньше первого средства выбора даты - PullRequest
Новая
       1

Установка второго средства выбора даты на год раньше первого средства выбора даты

0 голосов
/ 15 октября 2018

В проекте, над которым я работаю, я использую JQuery datepickers.У меня есть два средства выбора даты на одной странице, и мне нужно, чтобы мой второй средство выбора даты было инициализировано так, чтобы оно было на год раньше первого (например, если datepicker1 установлено на 01.01.2009, мне нужно, чтобы datepicker2 былоустановлен на 1/1/2020).

Мой текущий JavaScript ниже: 

<script type="text/javascript">
    $(document).ready(()=>{
        $('#datepicker1').datepicker();
        $('#datepicker1').datepicker("option", "dateFormat","dd-mm-yy");
        $('#datepicker2').datepicker();
        $('#datepicker2').datepicker("option", "dateFormat","dd-mm-yy");
    });
</script>

Я не очень знаком с API выбора даты.Как сделать, чтобы мой второй сборщик дат инициализировался на год раньше, чем мой первый сборщик дат?

1 Ответ

0 голосов
/ 15 октября 2018 

    $(document).ready(function(){
    $('#datepicker1').datepicker();
    $('#datepicker2').datepicker();
    $('#datepicker1').on('change',function(){
       $( "#datepicker2" ).datepicker( "destroy" );
      var minDate= $('#datepicker1').datepicker( "getDate" );
      minDate.setDate(minDate.getDate() + 365); 
      console.log(minDate);
     $( "#datepicker2" ).datepicker({ minDate: new Date(minDate) });   
      });
    });
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <body>
   <p>Date1: <input type="text" id="datepicker1"></p>
  <p>Date2: <input type="text" id="datepicker2"></p> 
  </body>
</html>
Вы можете сделать это, записав событие изменения в datepicker1.Для ограничения выбора даты просто установите для свойства minDate значение datepicker2.Для проверки годового разрыва здесь я добавил 365 дней, это может быть неправильно, в некоторых случаях вы можете пойти по другой логике.Я надеюсь, что это поможет вам.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...