本文介绍在layui数据表格中，利用templet属性支持函数形式的特性，将后端返回的时间戳转换为可读的时间格式。通过定义自定义函数处理年月日时分秒，并在列配置中调用该函数，实现时间数据的格式化展示。
layui数据表格时间格式化处理
具体实现方式如下。
<script type="text/javascript">
function createTime(v){
var date = new Date(v);
var y = date.getFullYear();
var m = date.getMonth()+1;
m = m<10?'0'+m:m;
var d = date.getDate();
d = d<10?("0"+d):d;
var h = date.getHours();
h = h<10?("0"+h):h;
var M = date.getMinutes();
M = M<10?("0"+M):M;
var str = y+"-"+m+"-"+d+" "+h+":"+M;
return str;
}
</script>
table.render({
elem: '#LAY_table_user'
,url:"<%=path%>/mybill/findBill.do"
,cols: [[
{field:'type', title: '<spring:message code="mybill.Number"/>', sort: true,align :'center'}
,{field:'mailno', title: '<spring:message code="mybill.OddOrders"/>',align :'center'}
,{field:'sex', title: '<spring:message code="mybill.AmountRecharge"/>', sort: true,align :'center'}
,{field:'playmoney',title: '<spring:message code="mybill.AmountExpenditure"/>',align :'center'}
,{field:'sign', title: '<spring:message code="mybill.Coupons"/>',align :'center'}
,{field:'smomey', title: '<spring:message code="mybill.AccountBalance"/>', sort: true,align :'center'}
,{field: 'createTime', title: '<spring:message code="mybill.BillingDate"/>',
templet :function (row){
return createTime(row.createTime);
}
}
]]
,id: 'testReload'
,page: true
});
方法二：使用函数进行转义处理。从layui版本2.2.5起，templet配置项开始支持以函数形式接收参数。该函数接收一个名为d的参数，其中包含了接口返回的所有字段及其对应的数据值。具体示例如下。
table.render({
cols: [[
{field:'title', title: '文章标题', width: 200
,templet: function(d){
return 'ID：'+ d.id +'，标题：<span style="color: #c00;">'+ d.title +'</span>'
}
}
,{field:'id', title:'ID', width:100}
]]
}); 建议详细查阅layui官方文档中关于table模块的相关说明。
最终显示效果如图所示。
<script type="text/javascript">
/**13位时间戳转换成 年月日 上午 时间 2018-05-23 10:41:08 */
function createTime(v){
return new Date(parseInt(v)).toLocaleString()
}
/**重写toLocaleString方法*/
Date.prototype.toLocaleString = function() {
var y = this.getFullYear();
var m = this.getMonth()+1;
m = m<10?'0'+m:m;
var d = this.getDate();
d = d<10?("0"+d):d;
var h = this.getHours();
h = h<10?("0"+h):h;
var M = this.getMinutes();
M = M<10?("0"+M):M;
var S=this.getSeconds();
S=S<10?("0"+S):S;
return y+"-"+m+"-"+d+" "+h+":"+M+":"+S;
};
</script>
以上就是layui实现数据表格时间戳转换为时间格式的全部内容，希望能为读者提供有效的参考，并欢迎大家继续支持本站。