1、遇到問題：
在使用layui框架時，后台返回的日期數據一個長整形的數據，因此要把數據格式化成 yyyy-MM-dd HH:mm:ss的形式
2、后台返回的數據：
sbj_start在后台是java.util.Date類型的數據，響應到前端是一個很長的數字
3、日期數據格式化Demo
只需要在table中的日期字段后面加上templet : "<div>{{layui.util.toDateString(d.sbj_start, 'yyyy-MM-dd HH:mm:ss')}}</div>"
即可
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui表格渲染，時間問題</title>
<link rel="stylesheet" href="./css/layui.css" media="all">
<script src="./js/layui.all.js"></script>
<style type="text/css">
body{overflow-y: scroll;}
</style>
</head>
<body>
<table id="demo" lay-filter="test"></table>
<script>
layui.use('table', function(){
var table = layui.table;
//第一個實例
table.render({
elem: '#demo'
,height: 315
,url: 'http://localhost:8080/oes/teacher/examlist.do' //數據接口
,page: true //開啟分頁
,cols: [[ //表頭
{field:
、、、省略數據、、、、
,{field: 'date', title: '日期', templet : "<div>{{layui.util.toDateString(d.sbj_start, 'yyyy年-MM月-dd日 HH:mm:ss')}}</div>"}
]]
});
});
</script>
</body>
</html>
4、顯示結果
5、注意事項
- 日期的格式化形式可以有很多種，可以參考layui官網日期format
- layui.util.toDateString(d.【寫后台返回json的字段名】,【日期格式】)
如：layui.util.toDateString(d.sbj_start, 'yyyy年-MM月-dd日 HH:mm:ss')
如果上述的第一個參數有錯誤，會自動格式化當前日期時間，只有跟table中的field的值一樣時，才會格式化后台返回的日期時間數據