當您瀏覽時，Bootstrap Datepicker日歷不會隱藏

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中進行了測試）。

還簡化代碼，添加所有相關的輸入字段類.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');
        }
    });