layui 表格时间显示问题

最新推荐文章于 2024-06-27 17:02:07 发布

wgxhpr

最新推荐文章于 2024-06-27 17:02:07 发布

阅读量1.1w

点赞数 6

CC 4.0 BY-SA版权

文章标签： layui

本文链接：https://blog.csdn.net/qq_36202485/article/details/80910444

本文介绍了一个使用table.render方法实现的订单管理界面，展示了如何通过表格形式显示订单信息，包括寄件人与收件人的详细资料、订单状态及创建时间等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

table.render({
  elem: '#LAY-app-message-all'
  ,url: '/Order/selectAllOrder' //接口
  ,page: true
  ,cols: [[
    {type: 'checkbox', fixed: 'left'}
        ,{field: 'fromName', title: '寄件人姓名', width: 100}
        ,{field: 'toName', title: '收件人姓名', width: 100}
        ,{field: 'fromTel', title: '寄件人电话', width: 150}
        ,{field: 'toTel', title: '收件人电话', width: 150}
        ,{field: 'toAddress', title: '收件地址', width: 200}
        ,{field: 'orderStatus', title: '订单状态', width: 100}
        ,{field: 'createTime', title: '订单创建时间', width: 200,templet: "<div>{{layui.util.toDateString(d.ordertime, 'yyyy-MM-dd HH:mm:ss')}}</div>"}
        ,{field: 'remark', title: '备注', width: 150}
        ,{field: 'orderId', title: '订单编号', width: 200}
        ,{field: 'price', title: '费用', Width: 100}
        ,{fixed: 'right', title: '操作', width:150, align:'center', toolbar: '#barDemo'}
  ]]
  ,skin: 'line'
});