gpt4 book ai didi

javascript - 当您通过 Tab 键浏览时,Bootstrap Datepicker 日历不会隐藏

转载 作者:行者123 更新时间:2023-11-28 07:50:03 24 4
gpt4 key购买 nike

好的,我查看了与我的问题相似的帖子,但仍然无法解决问题。如果您按 Tab 键浏览,日期选择器日历不会隐藏。之前的开发人员使用以下代码对页脚页面进行编码,我们使用的是最新版本的 bootstap-datepicker.js。

我找不到有效的解决方案。有人可以帮忙吗?

//data picker
$('#dob').datepicker().on('changeDate', function(ev){
fill();
$(this).datepicker('hide');
});

$('#dpd1').datepicker().on('changeDate', function(ev){
$(this).datepicker('hide');
});

$('#dpd2').datepicker().on('changeDate', function(ev){
$(this).datepicker('hide');
});

$('#birthday').datepicker().on('changeDate', function(ev){
$(this).datepicker('hide');
});

$('#sdate').datepicker().on('changeDate', function(ev){
$(this).datepicker('hide');
});

$('#edate').datepicker().on('changeDate', function(ev){
$(this).datepicker('hide');
});

$('#esdate').datepicker().on('changeDate', function(ev){
$(this).datepicker('hide');
});

$('#eedate').datepicker().on('changeDate', function(ev){
$(this).datepicker('hide');
});

$('#start_date').datepicker().on('changeDate', function(ev){
$(this).datepicker('hide');
});

$('#end_date').datepicker().on('changeDate', function(ev){
$(this).datepicker('hide');
});

最佳答案

可能与datepicker配置有关,因为默认工作正常(使用datepicker 1.3.0测试)。

同时简化代码,添加所有相关输入字段类.datepicker:

$('.datepicker').datepicker().on('changeDate', function(ev) {
switch (ev.target.id) {
case 'dob':
fill();
break;
}

$(this).datepicker('hide');
});

关于javascript - 当您通过 Tab 键浏览时,Bootstrap Datepicker 日历不会隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26953879/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com