修复Ext.form.DateField控件在Firefox3中变形

<input id="buyDate" name="buyDate" type="text" readonly="readonly" />

 

var date1 = new Ext.form.DateField({
                readOnly: true,
                format: 'Y-m-d',
                emptyText: '请选择日期 ...',
                applyTo: 'buyDate'
               });

 

 

方法1：修改样式表

<style>
        .x-date-middle {
              padding-top:2px;padding-bottom:2px;
            width:130px; /* FF3 */
        }
    </style>

 

方法2：覆写DateMenu

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

 

 

PS：苦恼了一下午，终于找到答案了！