Layui解决table日期的格式化问题

时间:2022-07-23
本文章向大家介绍Layui解决table日期的格式化问题,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

很多时候后端传回来的日期数据,和我们看到的数据都是有差别的,例如

当然可以选择在后端格式化后再传回前端,显然我们不推荐你这样做,因为你很难确定,你格式化后的日期格式在所有地方都适用

Layui解决日期格式问题

在table数据日期栏加上: templet: "

{{layui.util.toDateString(d.sbj_start, ‘yyyy-MM-dd HH:mm:ss’)}}即可 上代码

table.render({
					elem: '#test'
					, url: 'http://localhost:8080/item'
					// , url: 'data3.json'
					, toolbar: '#toolbarDemo'
					, title: '用户数据表'
					, totalRow: true 	//开启合计
					, cols: [[
						{ type: 'checkbox', fixed: 'left' }
						, { field: 'id', title: 'ID', width: 100, fixed: 'left', unresize: true, sort: true, totalRowText: '合计' }
						, { field: 'title', title: '标题', width: 200, }
						, { field: 'price', title: '价格', width: 150, }
						, { field: 'sellPoint', title: '卖点', width: 200, }
						, { field: 'num', title: '库存数量', width: 100, sort: true, totalRow: true }
						, { field: 'cid', title: '分类', width: 100 }
						, { field: 'status', title: '状态', width: 100, templet: '#statusTpl' }
						, { field: 'created', title: '创建时间', width: 180, sort: true, templet: "<div>{{layui.util.toDateString(d.created, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
						, { field: 'updated', title: '更新时间', width: 180, sort: true, templet: "<div>{{layui.util.toDateString(d.updated, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
						, { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150 }
					]]
					, page: true
				});

格式化完成

注意事项

第一个参数需要和table日期字段对应,不然就是格式化的当前时间