项目中,前台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"