Как динамически изменить указатель даты и ограничить различные диапазоны дат, используя JQuery?

Question

Библиотека Datepicker: gij go

Я пытаюсь изменить значения minDate библиотеки datepicker в зависимости от того, какая опция выбрана пользователем в раскрывающемся меню. Ниже перечислены параметры раскрывающегося меню:

<select class='form-control mr-2' id='idType' name='idType' placeholder='Select' required>
  <option>UserID</option>
  <option>UID</option>
  <option>All Records</option>";
</select>

Я пытаюсь установить minDate для средства выбора даты, равное 2 месяцам с сегодняшнего дня, если выбран «Все записи». В противном случае minDate будет «2019-11-18» . DatePicker застрял на «2019-11-18» и не будет меняться на 2 месяца до моего заявления if. Что я делаю неправильно?

$(document).ready(function() {

   var today = moment().format('YYYY-MM-DD');
   var pastMo = moment().subtract(2, 'M').format('YYYY-MM-DD');

   getDatePicker('2019-11-18', today);

   console.log(pastMo);

   $('#idType').change(function(){
     if($(this).val() == 'All Records'){
       $("#idSearch").prop("disabled", true);
       getDatePicker(pastMo, today);
     }
     else {
       $("#idSearch").prop("disabled", false);
       getDatePicker('2019-11-18', today);
     }
   });


function getDatePicker(min, today) {
  $('#start_datepicker').datepicker({uiLibrary: 'bootstrap4',format: 'yyyy-mm-dd', minDate: min, maxDate: today});
  $('#end_datepicker').datepicker({uiLibrary: 'bootstrap4',format: 'yyyy-mm-dd', minDate: min, maxDate: today});
}

Спасибо за любые советы или предложения!

Answer 1

Fixed. Вы должны вызвать это в функции getDatePicker () перед установкой даты.

$('#start_datepicker').datepicker('destroy'); $('#end_datepicker').datepicker('destroy');