在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'));
标签: 开发日记