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');