滚动窗口时,Bootstrap日期选择器弹出窗口消失

时间:2014-08-27 18:18:24

标签: bootstrap-datepicker eyecon-plugin

我目前正在使用从eyecon.ro

下载的bootstrap日期选择器

点击输入字段后,将打开datepicker弹出窗口,显示日期。 但是,在滚动浏览器窗口时,日期选择器的弹出窗口会消失。我还在github中为此创建了一个问题,但还没有得到任何答案。有人可以帮帮我吗?

1 个答案:

答案 0 :(得分:0)

当您在Windows上的任何位置单击时,会触发事件“onblur”,因此这不是错误。否则,您可以修改此编码事件,以便onblur不“隐藏”datepicker窗口。

修改 好的,在Datepicker原型上的bootstrap-datepicker.JS上进行修改(第88行):

show: function(e) {
        this.picker.show();
        this.height = this.component ? this.component.outerHeight() : this.element.outerHeight();
        this.place();
        var t = this;
        $(window).on('resize', $.proxy(this.place, this));
        $(window).on("scroll", this.place, function() {
            t.show();
        });
        if (e ) {
            e.stopPropagation();
            e.preventDefault();
        }
        if (!this.isInput) {
        }
        var that = this;
        $(document).on('mousedown', function(ev){
            if ($(ev.target).closest('.datepicker').length == 0) {
                that.hide();
            }
        });
        this.element.trigger({
            type: 'show',
            date: this.date
        });
    },

我只是在'rezise'的触发器下面包含'scroll'的触发器(这里是第6行)。