ExtJs4.0日期控件只显示年月按年月格式会跳月的解决办法
如果是Ext.form.panel的话,只要设置一下属性就可以。如下代码:
{ text : '期间', width : 80, sortable : true, dataIndex : 'accountPeriod', format : 'Ym' }
如果是Ext.grid.panel的话,比较麻烦。网上也有各位大神的解决方法,不过都比较麻烦,要重写控件,我向一位大牛请教后整理出一个非常简单的方法,代码:
Ext.define('Dpap.branchWithHold.WithHoldGrid', { extend : 'Ext.grid.Panel', frame : true, sortableColumns : false, enableColumnHide : false, enableColumnMove : false, stripeRows : true, selType : "rowmodel", forceFit:true, columns : [ { text : "税种", dataIndex : 'taxName', editor : { xtype: 'combo', maxLength : 200, allowBlank: false, editable : false, valueField : "taxCategory", displayField : "taxCategory", store : taxCategoryStore } },{//定义日期控件 text : "期间", dataIndex : 'accountPeriod', editor : { xtype: 'monthfield', maxLength : 200, allowBlank: false, editable : false, format: 'Ymd' }, xtype : 'datecolumn',
//重要的就是下面的部分,用renderer获取选中的值,然后进行格式化,重新赋值。 renderer : function(value){ return Ext.Date.format(value,'Ym'); } } ] });