当前位置: 代码迷 >> JavaScript >> JSON格式化的Date对象在EXTJS grid中展示
  详细解决方案

JSON格式化的Date对象在EXTJS grid中展示

热度:578   发布时间:2012-08-16 12:02:16.0
JSON格式化的Date对象在EXTJS grid中显示
使用EXTJS的时候,在后台通常使用的是JSON传递数据,也就是使用到了json-lib包,但在使用中碰见了这么一个问题,就是结果json格式化的时间对象,是这样一个格式:
{"date":6,"day":4,"hours":16,"minutes":46,"month":4,"nanos":0,"seconds":35,"time":1273135595000,"timezoneOffset":-480,"year":110}

而我们期望的格式如下:yyyy-MM-dd HH:mm:SS

网上有几种办法,但是我觉得最好的还是使用JsonConfig这个来控制Date对象的格式,
JsonConfig cfg = new JsonConfig();
cfg.registerJsonValueProcessor(java.util.Date.class,new DateJsonValueProcessor());

转化的时候,带上cfg这个参数
JSONArray array = JSONArray.fromObject(list, cfg);
这样就实现了控制时间格式的需求了。
其中的DateJsonValueProcessor是我们自己创建的时间字段处理器,实现了JsonValueProcessor接口,代码如下:
package com.scsk.common;

import java.sql.Timestamp;
import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Date;
import net.sf.json.JsonConfig;
import net.sf.json.processors.JsonValueProcessor;
public class DateJsonValueProcessor implements JsonValueProcessor {
	public static final	String DEFAULT_DATE_PATTERN = "yyyy-MM-dd HH:mm:ss"; 
	private DateFormat dateFormat; 
	public DateJsonValueProcessor() { 
    this(DEFAULT_DATE_PATTERN); 
	} 
	public DateJsonValueProcessor(String datePattern) { 
		try {
			dateFormat = new SimpleDateFormat(datePattern);
			} catch (Exception ex) {
				dateFormat = new SimpleDateFormat(DEFAULT_DATE_PATTERN);
				}
				}
	
	public Object processArrayValue(Object value, JsonConfig jsonConfig) {
		return process(value);
		}
	
	public Object processObjectValue(String key, Object value,JsonConfig jsonConfig) { 
			return process(value);
	}
	
	private Object process(Object value) {
		if(value instanceof Timestamp)
			return dateFormat.format((Timestamp) value);
		else if(value instanceof Date)
			return dateFormat.format((Date) value);
		else if(value==null)
			return "";
		else
			return value.toString();
	}
} 

记得在Reader(JsonReader)中的时间字段把dateFormat制定哦,这里应该使用dateFormat: 'Y-m-d H:i:s'
这样就可以在grid中显示时间了,当然根据这个原理, 你可以随意制定要格式化的时间格式!
  相关解决方案