实体类中时间类型一般用String或者Date,前者可以直接显示在表格中,不需要进行处理。
Date类型在显示需要则进行类型转换。
当出现上图的问题后,我们需要进行时间类型转换。
就后端而言,可以将时间使用SimpleDateFormat类进行转换后,在实体类中添加一个String类型的时间字段,然后再前端进行显示,这样的方式显然不合理,且麻烦。
就前端而言,layui表格有两种方式显示表格数据:
(1)手动遍历<tr><td></td></tr>标签显示数据。
这样的方式可以用Thymeleaf的内置对象dates进行时间类型的转换。
(2)也可以使用js请求的方式完成数据的填充。
扫描二维码关注公众号,回复:
11649701 查看本文章
如上图所示,可以通过templet调用外部定义的函数进行时间转换。
时间转换方法如下:
<script type="text/javascript">
function dateToStr(date) {
var time = new Date(date.time);
var y = time.getFullYear();
var M = time.getMonth() + 1;
M = M < 10 ? ("0" + M) : M;
var d = time.getDate();
d = d < 10 ? ("0" + d) : d;
var h = time.getHours();
h = h < 10 ? ("0" + h) : h;
var m = time.getMinutes();
m = m < 10 ? ("0" + m) : m;
var str = y + "-" + M + "-" + d+" "+h+":"+m;
return str;
}
</script>
使用方法:
{field:'createTime', width:180, title: '发布时间',align:'center',
templet:function (d) {
return dateToStr(d.createTime);
}
}