欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jqGrid的时间格式化问题 jsonjavajqgridjacksondate 

程序员文章站 2022-06-07 11:25:56
...
项目中,前台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"