码迷,mamicode.com
首页 > Web开发 > 详细

Extjs4 中date时间格式的问题

时间:2014-07-16 18:29:36      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   数据   2014   for   

在Grid中显示时间,后台传过来的是date格式的数据(PHP date(‘Y-m-d‘, time()),一般在Ext model中定义数据的类型和格式:

{name:‘birth‘, type:‘date‘},

view层:

{ header: ‘生日‘, dataIndex: ‘birth‘, editor:{ xtype: ‘datefield‘, format : ‘Y-m-d‘}}

但这是个可编辑的grid row,通过搜索得知,必须自己定义renderer,试过:

renderer:function(value) {
     if(value instanceof Date) {
      return new Date(value).format(‘Y-m-d‘);
    } else {
      return value;
    }
}

在显示和编辑时候显示的是 2014-07-15这样的,但是在编辑状态为空,编辑完后显示为“Tue Jul 15 2014 08:00:00 GMT+0800 (中国标准时间)”,显然不符合。

再搜索,原来还有个util的类,专门是格式化数据的“Ext.util.Format”, view层代码修改为:

{ header: ‘生日‘, dataIndex: ‘birth‘, editor:{ xtype: ‘datefield‘, format : ‘Y-m-d‘}, renderer:new Ext.util.Format.dateRenderer(‘Y-m-d‘)}

即可正确显示‘Y-m-d’格式的时间。

Extjs4 中date时间格式的问题,布布扣,bubuko.com

Extjs4 中date时间格式的问题

标签:style   blog   color   数据   2014   for   

原文地址:http://www.cnblogs.com/hui314/p/extjs_date_format.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!