您的位置:首页 > Web前端 > JavaScript

ExtJs4.0日期控件只显示年月按年月格式会跳月的解决办法

2015-07-31 18:20 597 查看
如果是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');
}
}
]
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: