Question

好的，我查看过像我这样的帖子，但仍然无法解决问题。如果您选中，则日期选择器日历不会隐藏。之前的开发人员使用以下内容编写了页脚页面，我们使用的是最新版本的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');
});

Answer 1

也许它与datepicker配置有关，因为默认工作正常（使用datepicker 1.3.0测试）。

同样简化代码，添加所有相关的输入字段class .datepicker：

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

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

Answer 2

试试这个：

    $('.dtpicker').datepicker().on('keydown', function(ev){
        if(ev.keyCode === 9){ //tab
            $(this).datepicker('hide');
        }
    });

当您选中时，Bootstrap Datepicker日历不会隐藏

2 个答案: