Extjs4Grid读取并转换Json中Millisecond格式Date数据-优快云博客

本文详细介绍了在使用ExtJS4时如何将来自JSON的日期数据从秒数或毫秒数格式正确转换为ExtJS4内部使用的日期格式，并提供了实例代码演示。重点在于使用`dateColumn`和`dateFormat`属性来实现日期的显示和存储格式化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{"total":1,"root":[{"seqno":1000000028,"orderno":"20111217100019","xh":"3602091000175421","ordertype":"01","hpzl":"02","hphm":"赣AXXXX","wfsj":1273062840000,"wfdz":"广场路口","wfxw":"7201","enableflag":"1","remark":null}]}

　　大家看这里的wfsj（违法时间）在数据库里面是date类型，经SpringMVC @ResponseBody JSON转换后变成了1273062840000毫秒数这种数字格式，那么如何准确地转换成Extjs4里面的date类型呢，网上找了半天都是些乱七八糟，千篇一律的答案，都不满意，最终还是在Extjs API DOC 中找到了答案，我一直认为学习Extjs最好的途径就是官方API DOC上面有很多例子，大家可以研究研究。

第一步、在定义Store或者Model的时候在日期列后面加上：

dateFormat: 'time'

　　如果JSON里面数字是秒数而不是毫秒数的时候

dateFormat: 'timestamp'

　　官方文档是这么写的

A format string for the Ext.Date.parse function, or "timestamp" if the value provided by the Reader is a UNIX timestamp, or "time" if the value provided by the Reader is a javascript millisecond timestamp

　　如果返回的是标准的时间格式的话如 ‘2011-12-20’

dateFormat: 'Y-m-d'

　　其他以此类推就不再说了。拿第一种情况举个例子

 1 Ext.define('User', {
 2     extend: 'Ext.data.Model',
 3     fields: [
 4         {name: 'firstName', type: 'string'},
 5         {name: 'lastName',  type: 'string'},
 6         {name: 'age',       type: 'int'},
 7         {name: 'birthday',  type: 'date',dateFormat:'time'}
 8     ]
 9 });
10 
11 var myStore = Ext.create('Ext.data.Store', {
12     model: 'User',
13     proxy: {
14         type: 'ajax',
15         url : '/users.json',
16         reader: {
17             type: 'json',
18             root: 'users'
19         }
20     },
21     autoLoad: true
22 });

第二步、在grid里面直接添加一个 datecolumn即可

1 {
2     xtype:'datecolumn',
3     dataIndex:'birthday',
4     format:'Y-m-d', //这里可以格式化成自己想要的格式，默认被格式化成‘d/m/y’格式
5     text:'生日'
6 }

转载于:https://www.cnblogs.com/cr2121/archive/2011/12/20/extjs.html