jqGrid的时间格式化问题

项目中,前台jqgrid在显示时间时,出现一些问题,转载此文章做个笔记,记录下来~

项目中,向jqgrid写出去的是json格式数据,后台是通过jackson对数据格式进行转换的。jagrid时间行代码如下

    colModel:[
                    {name:'id',index:'id', editable:false,hidden:true},    
                       {name:'name',index:'name',label:"角色名", sorttype:"text"},
                       {name:'createTime',index:'createTime',label:"创建时间",  editable:false,formatter:"date",formatoptions: {srcformat:'Y-m-d H:i:s',newformat:'Y-m-d H:i:s'}},
                       {name:'createBy',index:'createBy',label:"创建人",  sortable:false}
                   ],


但在创建时间那一行时间显示为"NaN-NaN-NaN NaN:NaN:NaN"  ,后来只带,jaskson默认写出的时间格式是时间戳,在jqgrid里面,用"u" 或"U" 来表示源数据的时间戳格式,因此把以上代码改成如下:

    colModel:[
                    {name:'id',index:'id', editable:false,hidden:true},    
                       {name:'name',index:'name',label:"角色名", sorttype:"text"},
                       {name:'createTime',index:'createTime',label:"创建时间",  editable:false,formatter:"date",formatoptions: {srcformat:'u',newformat:'Y-m-d H:i:s'}},
                       {name:'createBy',index:'createBy',label:"创建人",  sortable:false}
                   ],



改完后,数字是出来了 ,但显示的时间太离谱了,显示为:"44235-11-07 21:10:44"  。 再找资料,才知道,jqgrid主要是支持这php,而php和java在时间戳上有区别, php里面,时间戳用10位数字表示,精确到秒, java里面,时间戳用13位数字表示,精确到毫秒。 才查看jqgrid源码  有那么一段 如下:


if( !isNaN( date - 0 ) && String(format).toLowerCase() == "u") {
//Unix timestamp
timestamp = new Date( parseFloat(date)*1000 );
}



再找,也没看见其他处理时间戳的地方,跟踪js代码,对于从后台拿到的13位时间戳数据也会进入到这里,在乘以1000就编程了16位,这就导致了比原本时间大了很多。 于是乎就修改这一段,如下

if( !isNaN( date - 0 ) && String(format).toLowerCase() == "u") {
//Unix timestamp
timestamp = new Date( parseFloat(date) );
}



修改后,一切显示正常, 如:"2012-04-07 18:13:00" ,
但想着,不能这么去解决问题,这样做,也就意味着到时候换jqgrid js文件时总的改这个地方,修改别人源码,还不知道会出现什么其他问题呢?  知道问题了,那就可以找解决方法了, 主要是在哪一块下手

竟然jagrid对时间戳有这样的处理,对于jaskson是使用,我们项目是封装在一个工具类里面。哪么好,我不向前台给时间戳形式的数据,正好jackson也提供修改时间数据输出格式方法, 于是加了这么一段静态代码,如下:

    private static ObjectMapper mapper = new ObjectMapper();
    
    static {
        //jackson默认写出的时间数据为时间戳, 这里修改为相应模式的时间数据输出格式
        mapper.getSerializationConfig().setDateFormat(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"));
    }



前台页面代码如下:

    colModel:[
                    {name:'id',index:'id', editable:false,hidden:true},    
                       {name:'name',index:'name',label:"角色名", sorttype:"text"},
                       {name:'createTime',index:'createTime',label:"创建时间",  editable:false,formatter:"date",formatoptions: {srcformat:'Y-m-d H:i:s',newformat:'Y-m-d H:i:s'}},
                       {name:'createBy',index:'createBy',label:"创建人",  sortable:false}
                   ],



这样后 时间显示一切正常 "2012-04-07 18:13:00"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值