选择当前日期后,bootstrap-datepicker清空字段

Question

如果我启用了自动关闭,并且我从已选择的日历中选择了该字段,则会清空该字段,然后按预期关闭日期选择器.我怎样才能拥有自动关闭功能,但不能将其清空？

请看演示示例,http://eternicode.github.io/bootstrap-datepicker/？markup = input&format =&weekStart =&startDate =&endDate =&startView = 0&minViewMode = 0&todayBtn = false&language = en&Orientation = auto&multidate =&multidateSeparator =&autoclose = on&keyboardNavigation = ON&forceParse =上#沙箱

1. 确保autoclose已打开
2. 选择一个日期.
3. 再次打开日期选择器,再次选择当前选择的日期.
4. 字段再次为空

谢谢

Answer 1

引导日期选择器提供的事件,你可以利用,以实现自己的目标.

这是一种方法:

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

$('#sandbox-container input').on('show', function(e){
    if ( e.date ) {
         $(this).data('stickyDate', e.date);
    }
    else {
         $(this).data('stickyDate', null);
    }
});

$('#sandbox-container input').on('hide', function(e){
    var stickyDate = $(this).data('stickyDate');

    if ( !e.date && stickyDate ) {
        $(this).datepicker('setDate', stickyDate);
        $(this).data('stickyDate', null);
    }
});

不一定是最优雅的,但正如你在这里看到的,它可以解决问题:

http://jsfiddle.net/klenwell/LcqM7/(在Chrome中测试过)