Extjs4如何處理后臺json數據中日期和時間

更新時間：2015年08月24日 09:38:20 作者：幕三少

本文給大家分享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);

通過此方法問題解決，方法還有很多種，歡迎大家分享，功能學習進步。

您可能感興趣的文章: