修复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：苦恼了一下午，终于找到答案了！