jquery - 带有 ui datepicker 的 Bootstrap 3 弹出窗口 - 单击月份关闭

Question

我在引导弹出窗口中有 UI 日期选择器日历 - 除了当我更改月份时弹出窗口关闭之外，所有工作都可以正常工作 - 只需要在“今天”按钮上或在身体点击外部关闭。

我找到了几个解决弹出框外部单击然后弹出框关闭的示例，但就我而言，我无法找到任何解决方案。

$('.popover-calendar').popover({
    html: true,
    placement: 'bottom',
    fixclass: 'calendar',
    content: function () {
        return $($(this).data('contentwrapper')).html();
    },
    callback: function () {
        $("#datepicker").datepicker({

        });
    }
}).on("click", function () {
    $(this).next().addClass('calendar-open');
});

$('body').on('click', function (e) {
    $('.popover-calendar').each(function () {
        if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
            $(this).popover('hide');
        }
    });

});

检查jsfiddle

如何产生问题单击今天 - 然后单击下一个或上个月导航箭头 - 弹出框关闭（需要留下并显示更改的月份）。

Answer 1

试试这个：JSFiddle

现在您应该可以更改月份并单击按钮关闭日期选择器。

我更改的代码：

$('body').on('click', function (e) {
        $('.popover-calendar').each(function () {
            $('.popover-calendar').datepicker();
            $('.popover-calendar').mousedown(function() {
                $(this).datepicker('hide');    
            });
        });
    });