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

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

(0)

相关推荐

  • Java Web程序中利用Spring框架返回JSON格式的日期

    返回Json时格式化日期Date 第一步:创建CustomObjectMapper类 /** * 解决SpringMVC使用@ResponseBody返回json时,日期格式默认显示为时间戳的问题.需配合<mvc:message-converters>使用 */ @Component("customObjectMapper") public class CustomObjectMapper extends ObjectMapper { public CustomObject

  • JS处理json日期格式化问题

    起因 对于从C#返回的日期字段,当进行JSON序列化后,在前台JS里显示的并不是真正的日期,这让我们感觉很不爽,我们不可能为了这东西,把所有日期字段都变成string吧,所以,找了一个JS的扩展方法,来实现这个功能 实现 function ChangeDateFormat(jsondate) { jsondate = jsondate.replace("/Date(", "").replace(")/", ""); if (j

  • JSON.stringify转换JSON时日期时间不准确的解决方法

    调用JSON.stringify将对象转为对应的字符串时,如果包含时间对象,时间对象会被转换为国家标准时间(ISO),而不是当前国家区域的时间,测试代码如下: 复制代码 代码如下: <script>     //var o = new Date();     //console.log(o.toString())//中国时区时间,格式如"Wed Jun 11 2014 10:51:42 GMT+0800"     //console.log(JSON.stringify(o

  • js时间戳格式化成日期格式的多种方法

    js需要把时间戳转为为普通格式,一般的情况下可能用不到的, 下面先来看第一种吧 复制代码 代码如下: function getLocalTime(nS) { return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' '); } alert(getLocalTime(1293072805)); 结果是 2010年12月23日 10:53 第二种 复制代码 代码如下: function getLocalTi

  • 转换json格式的日期为Javascript对象的函数

    复制代码 代码如下: //转换json格式的日期(如:{ServerDatetime:"\/Date(1278930470649)\/"})为Javascript的日期对象 function ConvertJSONDateToJSDateObject(JSONDateString) { var date = new Date(parseInt(JSONDateString.replace("/Date(", "").replace(")

  • Javascript将JSON日期格式化

    以下是示例代码 第一种效果: ///无时分秒 function jsonDateFormat(jsonDate) {//json日期格式转换为正常格式 try { var date = new Date(parseInt(jsonDate.replace("/Date(", "").replace(")/", ""), 10)); var month = date.getMonth() + 1 < 10 ? "

  • javascript格式化日期时间函数

    复制代码 代码如下: function DateUtil(){}/***功能:格式化时间*示例:DateUtil.Format("yyyy/MM/dd","Thu Nov 9 20:30:37 UTC+0800 2006 ");*返回:2006/11/09*/DateUtil.Format=function(fmtCode,date){    var result,d,arr_d;        var patrn_now_1=/^y{4}-M{2}-d{2}\sh

  • json显示日期带T问题的解决方法

    刚才显示数据的时候遇到一个日期里面带T的问题,就是天数跟小时数之间出现了一个T. 表字段里面也没有这个T,后来查询度娘,是因为json处理的时候没有格式化. 解决方法: 复制代码 代码如下: @JSON(format="yyyy-MM-dd HH:mm:ss")//加上这句处理页面显示时带T的问题. public java.util.Date getOlOperationDate() { return olOperationDate; }

  • js 格式化时间日期函数小结

    复制代码 代码如下: Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(), //minute "s+" : this.g

  • 解决json日期格式问题的3种方法

    开发中有时候需要从服务器端返回json格式的数据,在后台代码中如果有DateTime类型的数据使用系统自带的工具类序列化后将得到一个很长的数字表示日期数据,如下所示: 复制代码 代码如下: //设置服务器响应的结果为纯文本格式            context.Response.ContentType = "text/plain";           //学生对象集合            List<Student> students = new List<St

随机推荐