Jqgrid的时间转换问题

原文地址:https://my.oschina.net/liting/blog/528762,还是在后台转换较为方便


项目中,前台jqgrid在显示时间时,出现一些问题,弄清楚后记载下来以便碰见同样问题的人  


项目中,向jqgrid写出去的是json格式数据,后台是通过jackson对数据格式进行转换的。jagrid时间行代码如下   
Java代码    收藏代码
  1. colModel:[  
  2.                 {name:'id',index:'id', editable:false,hidden:true},      
  3.                 {name:'name',index:'name',label:"角色名", sorttype:"text"},  
  4.                 {name:'createTime',index:'createTime',label:"创建时间",  editable:false,formatter:"date",formatoptions: {srcformat:'Y-m-d H:i:s',newformat:'Y-m-d H:i:s'}},  
  5.                 {name:'createBy',index:'createBy',label:"创建人",  sortable:false}  
  6.             ],  


但在创建时间那一行时间显示为"NaN-NaN-NaN NaN:NaN:NaN"  ,后来只带,jaskson默认写出的时间格式是时间戳,在jqgrid里面,用"u" 或"U" 来表示源数据的时间戳格式,因此把以上代码改成如下:   
Java代码    收藏代码
  1. colModel:[  
  2.                 {name:'id',index:'id', editable:false,hidden:true},      
  3.                 {name:'name',index:'name',label:"角色名", sorttype:"text"},  
  4.                 {name:'createTime',index:'createTime',label:"创建时间",  editable:false,formatter:"date",formatoptions: {srcformat:'u',newformat:'Y-m-d H:i:s'}},  
  5.                 {name:'createBy',index:'createBy',label:"创建人",  sortable:false}  
  6.             ],  


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


Java代码    收藏代码
  1. if( !isNaN( date - 0 ) && String(format).toLowerCase() == "u") {  
  2. //Unix timestamp  
  3. timestamp = new Date( parseFloat(date)*1000 );  
  4. }   


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

Java代码    收藏代码
  1. if( !isNaN( date - 0 ) && String(format).toLowerCase() == "u") {  
  2. //Unix timestamp  
  3. timestamp = new Date( parseFloat(date) );  
  4. }   


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

竟然jagrid对时间戳有这样的处理,对于jaskson是使用,我们项目是封装在一个工具类里面。哪么好,我不向前台给时间戳形式的数据,正好jackson也提供修改时间数据输出格式方法, 于是加了这么一段静态代码,如下:   
Java代码    收藏代码
  1. private static ObjectMapper mapper = new ObjectMapper();  
  2.   
  3. static {  
  4.     //jackson默认写出的时间数据为时间戳, 这里修改为相应模式的时间数据输出格式  
  5.     mapper.getSerializationConfig().setDateFormat(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"));  
  6. }  


前台页面代码如下:   

Java代码    收藏代码
  1. colModel:[  
  2.                 {name:'id',index:'id', editable:false,hidden:true},      
  3.                 {name:'name',index:'name',label:"角色名", sorttype:"text"},  
  4.                 {name:'createTime',index:'createTime',label:"创建时间",  editable:false,formatter:"date",formatoptions: {srcformat:'Y-m-d H:i:s',newformat:'Y-m-d H:i:s'}},  
  5.                 {name:'createBy',index:'createBy',label:"创建人",  sortable:false}  
  6.             ],  


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