如何使用 JQuery 动态更改日期选择器并限制到不同的日期范围？

Question

日期选择器库：gijgo

我正在尝试更改 datepicker 库的 minDate 输入，具体取决于用户选择的选项是下拉菜单。下拉菜单的选项如下：

<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'。日期选择器卡在“2019-11-18”上，并且在我的 if 语句中不会更改为 2 个月前。我究竟做错了什么？

$(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

固定的。在设置日期之前，您必须在 getDatePicker() 函数中调用它。$('#start_datepicker').datepicker('destroy'); $('#end_datepicker').datepicker('destroy');