在layui的table数据表格设置时间添加上
templet: "<div>{{layui.util.toDateString(d.time, 'yyyy-MM-dd HH:mm:ss')}}</div>"
d.time 的time自行替换成自己的,如下面的代码,我的是billTime,故设置为d.billTime。
layui.use('table', function () {
var table = layui.table;
//第一个实例
table.render({
elem: '#list'
, height: 600
, url: 'http://localhost/bill-service/bill/list-page' //数据接口
, cols: [[ //表头
{field: 'id', title: 'ID', width: 160, fixed: 'left'}
, {field: 'title', title: '标题', width: 250}
, {field: 'price', title: '金额', width: 250}
, {field: 'typeName', title: '类别', width: 250}
, {field: 'explain', title: '说明', width: 250}
, {field: 'billTime', title: '时间', width: 250,templet: "<div>{{layui.util.toDateString(d.billTime, 'yyyy-MM-dd')}}</div>"
}
, {fixed: 'right', title: '操作', width: 250, toolbar: '#bar'}
]]
, page: true //开启分页
});
另外设置输入框的时间格式可以像以下的设置方式:
$("input[name='billTime']").val(layui.util.toDateString(billTime,'yyyy-MM-dd'));
标签: 开发日记