Ext.grid.Panel 正确显示日期

最新推荐文章于 2021-03-26 16:33:30 发布

屈文哲

最新推荐文章于 2021-03-26 16:33:30 发布

阅读量3.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：【Web前端】文章标签： extjs Grid Panel 时间显示

本文链接：https://blog.youkuaiyun.com/quwenzhe/article/details/51979681

【Web前端】专栏收录该内容

23 篇文章

订阅专栏

本文介绍如何在ExtJS Grid中正确显示从数据库获取的时间数据。通过使用Ext.util.Format.date方法，并结合适当的格式字符串，可以将long型的时间戳转换为易读的日期格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数据库是用的mysql，时间字段的类型是datetime。
java实体类中此字段对应的类型，我采用了java.util.Date（java.sql.Timestamp应该是最对应mysql里的datetime类型的）。
前台采用了Ext.grid.Panel 来显示读取的数据，时间显示为long型。
让grid显示的时间为“年月日时分秒”的形式。
store读取数据时指定数据的格式是long 而不是string或date
创建Ext.grid.ColumnModel时在相应的列加上renderer：

header : '操作时间',
dataIndex : 'createTime',
width : 150,
sortable : true,
renderer : function(value) {
	return Ext.util.Format.date(new Date(parseInt(value)),'Y-m-d H:m:s');
}

这样就搞定了，显示的时间格式为“2016-07-20 15:32:09”。