Extjs4如何处理后台json数据中日期和时间
作者:幕三少
本文给大家分享Extjs4如何处理后台json数据中日期和时间,通过代码示例给大家剖析,感兴趣的朋友快来围观
当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秒' }
Extjs4---json处理日期的问题 JSONObject.toBean转换日期时显示当前日期
今天碰到了一个新问题,在前台修改日期后,在后台用JSONObject.toBean转为实体类时出问题了:
1、会显示警告:Can't transform property 'birthday' from java.lang.String into java.util.Date. Will register a default Morpher
2、转换的日期为当前的日期,而不是修改后的日期
原因是JSONObject不能识别类似“yyyy-MM-dd”的格式
解决的办法有很多,下面分享我用的一种方法:
JSONObject object = JSONObject.fromObject(updateUser); //在<span style="font-family: Arial;">JSONObject.toBean加上这行代码就可以了</span> JSONUtils.getMorpherRegistry().registerMorpher(new DateMorpher(new String[] {"yyyy-MM-dd", "yyyy-MM-dd HH:mm:ss"})); User user = (User) JSONObject.toBean(object, User.class);
通过此方法问题解决,方法还有很多种,欢迎大家分享,功能学习进步。