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

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

2015-08-23 17:49 796 查看

当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);


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

[code]"2013-01-15T15
:00:00"
[/code]

{
text:'审核时间',

dataIndex:'Date',

width:200,

xtype:'datecolumn',

format:'Y年m月d日H时i分s秒'
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: