layui数据表格时间戳转换为时间格式的方法

   //第一个实例table.render({elem: '#idTest'//,height: 315,url: '{$_M[url][own_form]}a=do_table_log&pid={$pid}&cid={$cid}&ccid={$ccid}' //数据接口,page: true //开启分页,limit: 15,limits: [10,20,30,60,90,150,300],cols: [[ //表头{type:'checkbox', fixed: 'left'},{type:'numbers', title: '序号',width:60,fixed:'left'},{field: 'channelId', title: '频道号', width:80, sort: true, fixed: 'left'},{field: 'currentDay', title: '查询日期', width:120},{field: 'playDuration', title: '播放时长', width:80},{field: 'param1', title: '用户ID', width:80},{field: 'param2', title: '用户昵称', width:120},{field: 'isMobile', title: '移动端', width:80},{field: 'createdTime', title: '开始时间', width:180, sort: false,fixed:false, templet: '<div>{{ layui.laytpl.toDateString(d.createdTime) }}</div>'},{field: 'ipAddress', title: 'IP地址', width:80},{field: 'country', title: '国家', width:80},{field: 'province', title: '省份', width:80},{field: 'city', title: '城市', width:80},{field: 'isp', title: 'ISP运营商', width:80},{field: 'userAgent', title: '用户设备', width:80},{field: 'operatingSystem', title: '操作系统', width:80},{field: 'browser', title: '浏览器', width:80},{fixed: 'right', width:178, align:'center', toolbar: '#barDemo'}

,{field: 'createdTime', title: '开始时间', width:180, sort: false,fixed:false, templet: '<div>{{ layui.laytpl.toDateString(d.createdTime) }}</div>'}

layui.laytpl.toDateString代码：

    //时间戳的处理layui.laytpl.toDateString = function(d, format){var date = new Date(d || new Date()),ymd = [this.digit(date.getFullYear(), 4),this.digit(date.getMonth() + 1),this.digit(date.getDate())],hms = [this.digit(date.getHours()),this.digit(date.getMinutes()),this.digit(date.getSeconds())];format = format || 'yyyy-MM-dd HH:mm:ss';return format.replace(/yyyy/g, ymd[0]).replace(/MM/g, ymd[1]).replace(/dd/g, ymd[2]).replace(/HH/g, hms[0]).replace(/mm/g, hms[1]).replace(/ss/g, hms[2]);};//数字前置补零layui.laytpl.digit = function(num, length, end){var str = '';num = String(num);length = length || 2;for(var i = num.length; i < length; i++){str += '0';}return num < Math.pow(10, length) ? str + (num|0) : num;};

完整代码：

<script>
layui.use(['layer', 'form','element','table','util'], function(){var element = layui.element,$ = layui.jquery,util = layui.util,table = layui.table,layer = layui.layer;//第一个实例table.render({elem: '#idTest'//,height: 315,url: '{$_M[url][own_form]}a=do_table_log&pid={$pid}&cid={$cid}&ccid={$ccid}' //数据接口,page: true //开启分页,limit: 15,limits: [10,20,30,60,90,150,300],cols: [[ //表头{type:'checkbox', fixed: 'left'},{type:'numbers', title: '序号',width:60,fixed:'left'},{field: 'channelId', title: '频道号', width:80, sort: true, fixed: 'left'},{field: 'currentDay', title: '查询日期', width:120},{field: 'playDuration', title: '播放时长', width:80},{field: 'param1', title: '用户ID', width:80},{field: 'param2', title: '用户昵称', width:120},{field: 'isMobile', title: '移动端', width:80},{field: 'createdTime', title: '开始时间', width:180, sort: false,fixed:false, templet: '<div>{{ layui.laytpl.toDateString(d.createdTime) }}</div>'},{field: 'ipAddress', title: 'IP地址', width:80},{field: 'country', title: '国家', width:80},{field: 'province', title: '省份', width:80},{field: 'city', title: '城市', width:80},{field: 'isp', title: 'ISP运营商', width:80},{field: 'userAgent', title: '用户设备', width:80},{field: 'operatingSystem', title: '操作系统', width:80},{field: 'browser', title: '浏览器', width:80},{fixed: 'right', width:178, align:'center', toolbar: '#barDemo'}]],initSort: {field: 'createdTime' //排序字段，对应 cols 设定的各字段名,type: 'desc' //排序方式  asc: 升序、desc: 降序、null: 默认排序}});//监听表格复选框选择table.on('checkbox(demo)', function(obj){console.log(obj)});//监听工具条table.on('tool(demo)', function(obj){var data = obj.data;if(obj.event === 'detail'){layer.msg('ID：'+ data.id + ' 的查看操作');} else if(obj.event === 'del'){layer.confirm('真的删除行么', function(index){obj.del();layer.close(index);});} else if(obj.event === 'edit'){layer.alert('编辑行：<br>'+ JSON.stringify(data))}});var $ = layui.$, active = {getCheckData: function(){ //获取选中数据var checkStatus = table.checkStatus('idTest'),data = checkStatus.data;layer.alert(JSON.stringify(data));},getCheckLength: function(){ //获取选中数目var checkStatus = table.checkStatus('idTest'),data = checkStatus.data;layer.msg('选中了：'+ data.length + ' 个');},isAll: function(){ //验证是否全选var checkStatus = table.checkStatus('idTest');layer.msg(checkStatus.isAll ? '全选': '未全选')}};$('.demoTable .layui-btn').on('click', function(){var type = $(this).data('type');active[type] ? active[type].call(this) : '';});//时间戳的处理layui.laytpl.toDateString = function(d, format){var date = new Date(d || new Date()),ymd = [this.digit(date.getFullYear(), 4),this.digit(date.getMonth() + 1),this.digit(date.getDate())],hms = [this.digit(date.getHours()),this.digit(date.getMinutes()),this.digit(date.getSeconds())];format = format || 'yyyy-MM-dd HH:mm:ss';return format.replace(/yyyy/g, ymd[0]).replace(/MM/g, ymd[1]).replace(/dd/g, ymd[2]).replace(/HH/g, hms[0]).replace(/mm/g, hms[1]).replace(/ss/g, hms[2]);};//数字前置补零layui.laytpl.digit = function(num, length, end){var str = '';num = String(num);length = length || 2;for(var i = num.length; i < length; i++){str += '0';}return num < Math.pow(10, length) ? str + (num|0) : num;};  });
</script>

引用：http://fly.layui.com/jie/19106/

layui数据表格时间戳转换为时间格式的方法相关推荐

LayUI数据表格时间戳转换为时间
在我们从后台传回来的数据很多,在后台格式化再传过来会很麻烦那么我们可以传过来之后再进行格式化,数据表格的格式化方式如下: {field: 'dateline', title: '加入时间', wid ...
php将时间戳转换为时间格式,php时间戳如何转换为时间格式
php时间戳转换为时间格式的方法:首先创建一个PHP示例文件:然后通过"date('Y-m-d H:i:s', 1502204401)"方法将时间戳转换为时间格式:最后通过&quo ...
Layui数据表格隔行变色的两种方法
开发工具与关键技术:MVC 作者:Mr_恺撰写时间:2019年7月17日 Layui数据表格隔行变色,第一种的就是layui插件里有一个自带的方法: even这个属性把它设置为:true,就开启 ...
vue中时间戳转换为日期格式的方法封装
/* date:需要转换的时间戳 fmt:需要转换的日期格式 */ export function formatDate(date, fmt) {if (/(y+)/.test(fmt)) {fmt ...
excel时间戳转换为时间格式
1.在要显示的空白列上,右击选择"设置单元格格式" 2.选择"日期",然后选择需要的日期类型 3.输入公式 " =(J3/1000+8*3600)/8 ...
java时间戳转calender_Java获取当前时间，时间戳转换为时间格式 | 学步园
1. SimpleDateFormat tempDate = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); String datetim ...
TP5在前端时间戳转换为时间格式
value="{:date('Y-m-d H:i:s',$data['add_date'])}" 例如: <td>{:date('Y-m-d H:i:s',$d['c ...
剩余时间,倒计时毫秒时间戳转换为时间格式HH:mm:ss时间差计算
handleT (mss) {var days = parseInt(mss / (1000 * 60 * 60 * 24));var hours = parseInt((mss % (1000 * ...
Excel表格在线转换为markdown格式的方法
写csdn文章时,常常从别的网站复制部分内容,其中表格类内容难以直接复制,我的方法是复制后先粘贴到excel里面,简单调整格式后,再通过在线转换为markdown的方式形成markdown格式的文本. ...

layui数据表格时间戳转换为时间格式的方法

layui数据表格时间戳转换为时间格式的方法相关推荐

最新文章

热门文章