Extjs4处理后台json数据中日期和时间的方法

时间:2022-11-11 22:09:01

当ASP.NET后台使用JavaScriptSerializer这个组件将对象序列化为json,或者使用ScriptMethod特性的json

     [ScriptMethod(ResponseFormat = ResponseFormat.Json), WebMethod(EnableSession = true)]
public List<EUser> Users()//参数测试用
{
List
<EUser> l = new List<EUser>();
Random aran
= new Random();
for (int i = 0; i < 24; i++)
{
DateTime date
= DateTime.Parse("2015-08-21");
date
= date.AddHours(i);
var u = new EUser(date,Math.Round(aran.NextDouble() * 100) ,
Math.Round(aran.NextDouble()
* 100), Math.Round(aran.NextDouble() * 100));
l.Add(u);
}

return l;
}

 

 生成的日期json格式是这样的//Date(1213718400000+0800)//

这种格式ExtJs不识别,导致Grid上无法正常显示。使用ExtJS4的时候,在列模式里像下面这样处理即可。

{ 
text:
'审核时间',
dataIndex:
'Date',
width:
200,
renderer:
function(value) {
if(value){
var dt=eval("new " + value.substr(1, value.length - 2)).toString();
return Ext.util.Format.date(dt, "Y年m月d日H时i分s秒");//"Y年m月d日H时i分s秒"

}
}
}

 

当ASP.NET后台使用Newtonsoft.Json(JSON.NET)这个组件将对象序列化为json,

 Hashtable ht = new Hashtable(); 

ht.Add(
"total", listu.Count);

ht.Add(
"rows", listu);

JsonStr
= JsonConvert.SerializeObject(ht);//使用json.net序列化

context.Response.Write(JsonStr);

 

生成的日期格式是标准的日期像这样子:

"2013-01-15T15:00:00"

 

{ 
text:
'审核时间',

dataIndex:
'Date',

width:
200,

xtype:
'datecolumn',

format:
'Y年m月d日H时i分s秒'
}