选择后,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');
});

演示

UPDATE

这就是错误autoclose: true.这个错误已在最新的master中修复.看看COMMIT.从中获取最新代码GitHub

Answer 2

如果它对任何人有任何帮助,则引导程序日期选择器的2.0版不再适用于已接受的答案.

以下是我如何使用它:

$('yourpickerid').datepicker({
    format: 'dd/mm/yyyy',
}).on('changeDate', function(e){
    $(this).datepicker('hide');
});

请参阅http://bootstrap-datepicker.readthedocs.org/en/latest/events.html#changedate

Answer 3

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

Answer 4

1. 只需打开bootstrap-datepicker.js
2. 寻找 ：var defaults = $.fn.datepicker.defaults
3. 放autoclose: true

保存并刷新您的项目，这应该可以。