layui数据表时间格式设置方法

时间:2021-9-26    作者:z    分类: 开发日记


在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'));


标签: 开发日记