服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - Extjs4如何处理后台json数据中日期和时间

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

2021-10-21 11:51幕三少 JavaScript

本文给大家分享Extjs4如何处理后台json数据中日期和时间,通过代码示例给大家剖析,感兴趣的朋友快来围观

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
[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的时候,在列模式里像下面这样处理即可。

?
1
2
3
4
5
6
7
8
9
10
11
{
   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,

?
1
2
3
4
5
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"

?
1
2
3
4
5
6
7
{
  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”的格式

解决的办法有很多,下面分享我用的一种方法:

?
1
2
3
4
5
6
7
8
9
10
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);

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

延伸 · 阅读

精彩推荐