[LayUI] LayUI时间格式化
最近项目使用LayUI,记录一下遇到的问题,加深一下印象!
数据库中的日期字段使用的是date类型,查询返回的数据是时间戳
所以在前端显示的时候需要格式化,第一时间想到的是用thymeleaf的时间格式化,thymeleaf文档内容:
th:value="${#dates.format(date,'yyyy-MM-dd')}
但还是 LayUI的好用!
layui.util.toDateString(mData.date, 'yyyy-MM-dd')
mData.date为需要转化的内容。
在table表格中的应用:
{field: 'date', title: '制单日期', sort: true,minWidth:130, align: "center",templet: "<div>{{layui.util.toDateString(d.date, 'yyyy-MM-dd')}}</div>"}
如果需要在form表单中回显时间数据,在回显之前进行格式化:
mData.date= layui.util.toDateString(mData.date, 'yyyy-MM-dd')
form.val('dataForm', mData); // 回显数据