Bootstrap Datepicker：在按Enter鍵時隱藏日歷

Question

如何在輸入按鍵時隱藏引導日期選擇器日歷？ 我知道它具有autoClose選項，但這不是我想要的。

Answer 1

這樣的事情可能會幫助您

$('#date-selected').keydown(function (ev) {
var keycode = (ev.keyCode ? ev.keyCode : ev.which);
if (keycode == '13') {
    var dp = $('#date-picker').data('datepicker');
    // 1: we manually restore the input date so it's not toggled on/off
    dp.dates.pop(); // idempotent if no dates
    dp.dates.push(dp.viewDate);
    dp.setValue();
    // 2: we move to the next input field & close the picker
    $('input[id!="date-selected"]').first().focus();
    dp.hide();
    }
});

參考： -https : //chezsoi.org/lucas/blog/2014/10/27/en-overriding-the-enter-keydown-behaviour-in-bootstrap-datepicker-js/

Answer 2

此鏈接可以幫助您解決以下問題：在按Enter后手動輸入日期

Answer 3

以下代碼為我工作，發布我自己問題的答案以幫助其他人

$(".datepicker").datepicker('hide');