Extjs4如何处理后台json数据中日期和时间

2020-01-24 01:30:27

字体：大中小

来源：转载

供稿：网友

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

通过此方法问题解决，方法还有很多种，欢迎大家分享，功能学习进步。

上一篇：C#实现简单的Login窗口实例

下一篇：winform实现创建最前端窗体的方法