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秒' 
}  

 

posted @ 2015-08-23 17:49 幕三少 阅读(...) 评论(...) 编辑 收藏