ExtJS日歷控件在chrome顯示異常（布滿整個屏幕）的解決辦法

extjs2.2-3.0 Date控件在chrome顯示異常（轉載：http://blog.sina.com.cn/s/blog_4b5bc0110101abpx.html）

 解決辦法：

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

.x-date-picker

{

border: 1px solid;

border-top:0 none;

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