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

来源：本站原创|时间：2020-01-10|栏目：C#教程|点击：次

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

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

上一篇：.net2.0+ Winform项目实现弹出容器层

栏目：C#教程

下一篇：C#实现多线程写入同一个文件的方法

本文标题：Extjs4如何处理后台json数据中日期和时间

本文地址：https://www.xiuzhanwang.com/a1/C_jiaocheng/7031.html

更多C#教程

C#教程

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

您可能感兴趣的文章

阅读排行

本栏相关

随机阅读