Question

我在引导程序弹出窗口中有UI日期选择器日历 - 所有工作都正常，但是当我更改月份时弹出窗口关闭 - 需要仅在今日按钮上关闭或在外部单击时关闭。

我找到了几个解决popover外部点击然后popover close的例子 - 但在我的情况下我无法解决任何问题。

$('.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');    
            });
        });
    });

带有ui datepicker的Bootstrap 3 popover - 月份点击关闭

1 个答案: