Bootstrap datepicker选择后隐藏

Question

选择日期后如何隐藏日历？有没有可以使用的特定功能？我的代码如下：

$('#dp1').datepicker({
    format: 'mm-dd-yyyy',
    startDate: '-15d',
    autoclose: true,
    endDate: '+0d' // there's no convenient "right now" notation yet
});

任何帮助将不胜感激。

Answer 1

您可以使用事件changedate()来跟踪更改日期的时间，并使用datepicker('hide')方法进行选择后隐藏datepicker的方法：

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

Demo

UPDATE

[这是autoclose: true的错误。此错误已在最新的master中修复。请参阅COMMIT。从[GitHub] >>获取最新代码

Answer 2

$('.datepicker').datepicker({
    autoclose: true
}); 

Answer 3

我更改为datetimepicker

Answer 4

至少在我使用的2.2.3版本中，必须使用autoClose而不是autoclose。字母大小写很重要。

Answer 5

您可以更改源代码，bootstrap-datepicker.js

Answer 6

即使我编写了以下格式，时钟仍然显示问题：'YYYY-MM-DD'

Answer 7

对于日期时间选择器

Answer 8

将其用于datetimepicker，效果很好

Answer 9

没有看到此内容，但这是为我解决的问题：

Answer 10

如果对任何人有帮助，引导日期选择器的2.0版将不再与接受的答案一起使用。

Answer 11

$('#input').datepicker({autoclose:true});

Answer 12

[如果您希望整体上从整体上替代日历的行为，请尝试编辑Datepicker函数（在我的示例中是第82行），

Answer 13

此问题可以停止，通过此行阻止输入元素的隐藏事件：

Answer 14

1. 只需打开bootstrap-datepicker.js

Answer 15

选择日期时关闭datetimepicker（datetimepicker显示日期和时间）

Answer 16

$('yourpickerid').datetimepicker({
           pickTime: false
}).on('changeDate', function (e) {
           $(this).datetimepicker('hide');
});

Answer 17

我有一个完美的解决方案：