日期:2014-05-16  浏览次数:20374 次

关于Extjs2.0日期控件(DateField)在FireFox3下

公司项目之前用到了ext2.0版本,在最新Firefox3上发生了时间空间被拉长的bug,在网上找到解决办法.
FireFox 3.x 出来了一段时间了,很多用户依然使用的是EXTJS 2.02的版本。(很多原因......),日期控件在FireFox 3.x 下会被拉得很长很长。
这一个问题官方已经解决了。解决办法:

你必须在CSS中明确设置它的宽度。

css代码
.x-date-middle {
padding-top:2px;padding-bottom:2px;
width:130px; /* FF3 */
}(已经试用过了)

另一种解决办法:
(来自lonelyblue的解决方法)

Js代码
Ext.override(Ext.menu.DateMenu,{
render : function(){
Ext.menu.DateMenu.superclass.render.call(this);
if(Ext.isGecko){
this.picker.el.dom.childNodes[0].style.width = '178px';
this.picker.el.dom.style.width = '178px';
}
}
});

?