Google chrome 突然开始自动打开 bootstrap 时间和日期选择器
Google chrome suddenly started opening bootstrap time and date picker automatically
在我的网站中,我添加了 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)\d\d" 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',
});
});
在我的网站中,我添加了 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)\d\d" 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',
});
});