转载：ExtJS日历控件在chrome显示异常（布满整个屏幕）的解决办法

extjs2.2-3.0Date控件在chrome显示异常（转载：http://blog.sina.com.cn/s/blog_4b5bc0110101abpx.html）

解决办法：

一、在date-picker.css中加入控件的宽度185

.x-date-picker

{

border:1pxsolid;

border-top:0none;

position:relative;

width:185px;

}

当然，date-picker.css需要被引入

二、

近在用extjs的DateField控件的时候，总是出现时间空间显示的时候宽度占满了整个屏幕，后来发现这个extjs在chrome下面的一个bug

解决：重写DateMenu，添加style.width='178px'

/**********解决日历控件显示异常**********/

Ext.override(Ext.menu.DateMenu,{

render:function(){

Ext.menu.DateMenu.superclass.render.call(this);

if(Ext.isGecko||Ext.isSafari||Ext.isChrome){

this.picker.el.dom.childNodes[0].style.width='178px';

this.picker.el.dom.style.width='178px';

}

}

});