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

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


[ScriptMethod(ResponseFormat = ResponseFormat.Json), WebMethod(
文章正文

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

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


代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!