Layui数据表格中时间戳数据转化为时间格式的几种方法数据表格中时间戳数据转化为时间格式的几种方法
引言引言
在使用在使用Layui框架数据表格组件进行数据展示的时候,往往从后台得到框架数据表格组件进行数据展示的时候,往往从后台得到Json数据,其中包含时间数据时往往为时间戳格式数据,其中包含时间数据时往往为时间戳格式 ,直接将时间戳格式的数据显示到,直接将时间戳格式的数据显示到VIew上是很不友好的上是很不友好的(如如
下图下图),所以我们需要将时间戳数据格式进行转化。,所以我们需要将时间戳数据格式进行转化。
在在Layui中使用数据表格是通过中使用数据表格是通过cols中的中的filed属性来绑定数据的,所以应该采用以下方式进行处理属性来绑定数据的,所以应该采用以下方式进行处理 !
首先要了解首先要了解Layui中中templet-自定义模板列,默认的自定义模板列,默认的content内容是数据原样输出的,但是通过内容是数据原样输出的,但是通过templet-自定义模板列可以按照指定模板对列进行设置,功能非常强大自定义模板列可以按照指定模板对列进行设置,功能非常强大!
方法一方法一:通过选择器绑定模板通过选择器绑定模板
JS代码代码:
table.render({
elem: '#idTest' //指定原始表格元素选择器(推荐id选择器)
, url: '/Layui/Read'//数据接口地址
, height: 330 //容器高度
, width:1000
, cols: [[{ type: 'checkbox', fixed: 'left' },
{ field: 'mid', sort: true, fixed: true, title: "编号" },
{ field: 'mname', title: "电影名称" },
{ field: 'createtime', title: "上映时间", templet: '#formatTime' },
{ field: 'typeName', title: "电影类型" },
{ field: 'cname', title: "国家" },
{ fixed: 'right', width: 178, align: 'center', toolbar: '#barDemo' }
]], //设置表头
page: true,//开启分页
limit:5,
limits:[5,10,15,20] });
{{formatDate(d.createtime)}}
function formatDate(str) {
var now = new Date(parseInt(str.replace("/Date(", "").replace(")/", ""), 10));
var year = now.getFullYear(); //取得4位数的年份
var month = now.getMonth() + 1; //取得日期中的月份,其中0表示1月,11表示12月
var date = now.getDate(); //返回日期月份中的天数(1到31)
var hour = now.getHours(); //返回日期中的小时数(0到23)
var minute = now.getMinutes(); //返回日期中的分钟数(0到59)
var second = now.getSeconds(); //返回日期中的秒数(0到59)
return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
}
说明说明:
在含有时间的列对象中在含有时间的列对象中,templet传入对应模板的选择器【传入对应模板的选择器【templet】】
模板中要使用模板中要使用mustache语法,调用自己写的时间转化函数语法,调用自己写的时间转化函数formatDate(),在,在templet中对象中对象 d 包含接口返回的所有字段和数据,我们可以对包含接口返回的所有字段和数据,我们可以对formatDate()进行定制返回想要的时间格进行定制返回想要的时间格
式。式。
效果效果:
评论0
最新资源