在我的网站上,我添加了bootstrapMaterialDatePicker
用于从日历中选择日期。单击input
字段后,需要打开弹出菜单。就在几分钟前,它还运行得很好。但突然间,它开始在页面加载后立即打开弹出窗口,而不点击chrome浏览器中的特定input
字段。但所有其他浏览器都运行良好。
这就是我的html字段代码。
<input type="text" name="date" id="date" class="form-control text-left js-calendar-future" pattern="(0[1-9]|1[012])[- /](0[1-9]|[12][0-9]|3[01])[- /](19|20)dd" required="">
这就是我初始化bootstrapMaterialDatePicker
库的方式
$(document).ready(function() {
$('.js-calendar-future').bootstrapMaterialDatePicker({
weekStart: 0,
time: false,
minDate: new Date(),
format: 'MM/DD/Y',
triggerEvent: 'click',
});
});
所以,在做了大量研究之后,我终于找到了解决方案。只是我必须删除triggerEvent: 'click',
属性。这就是我的代码,它起作用了。
$(document).ready(function() {
$('.js-calendar-future').bootstrapMaterialDatePicker({
weekStart: 0,
time: false,
minDate: new Date(),
format: 'MM/DD/Y',
triggerEvent: 'click',
});
});