我目前正在使用从eyecon.ro
下载的bootstrap日期选择器点击输入字段后,将打开datepicker弹出窗口,显示日期。 但是,在滚动浏览器窗口时,日期选择器的弹出窗口会消失。我还在github中为此创建了一个问题,但还没有得到任何答案。有人可以帮帮我吗?
答案 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行)。