javascript - Bootstrap日期选择器关闭函数

Question

当用户单击日历之外时，我试图在 Bootstrap 日期选择器上进行函数调用。

当用户选择日期时，日期选择器会自动关闭，同样，当用户单击日期选择器 div 外部时，它也会自行关闭。

所以我的问题是我如何理解它何时关闭？我知道有一个名为 onClose 的事件，但它仅在页面加载时起作用

fiddle

Answer 1

使用 .on("hide"... 事件。

来自文档:

$('.datepicker').datepicker()
    .on(picker_event, function(e) {
    // `e` here contains the extra attributes
});

对于您的示例...picker_event 将隐藏。
像这样的东西:

var checkin = $('#date-from').datepicker({
    format: 'dd/mm/yyyy',
    startDate: '+1d',
    weekStart: 1,
    beforeShowDay: function(date) {
    return date.valueOf() >= now.valueOf();
},
    autoclose: true
}).on('changeDate', function(ev) {
    alert("changed");
}).on('hide', function(ev) { // <-----------
    alert("hide");
});

• Updated fiddle
• bootstrap-datepicker events
• bootstrap-datepicker hide event