为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

蝴蝶不菲 2022-05-22 16:17:25
日期选择器库: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});}感谢您的任何提示或建议!
查看完整描述

1 回答

?
哆啦的时光机

TA贡献1779条经验 获得超6个赞

固定的。在设置日期之前,您必须在 getDatePicker() 函数中调用它。

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


查看完整回答
反对 回复 2022-05-22
  • 1 回答
  • 0 关注
  • 103 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信