layui实现把数据表格时间戳转换为时间格式的例子


Posted in Javascript onSeptember 12, 2019

如下所示:

<script type="text/javascript">
function createTime(v){
	var date = new Date(v);
 var y = date.getFullYear();
 var m = date.getMonth()+1;
 m = m<10?'0'+m:m;
 var d = date.getDate();
 d = d<10?("0"+d):d;
 var h = date.getHours();
 h = h<10?("0"+h):h;
 var M = date.getMinutes();
 M = M<10?("0"+M):M;
 var str = y+"-"+m+"-"+d+" "+h+":"+M;
 return str;
}
</script>
table.render({
		elem: '#LAY_table_user'
		,url:"<%=path%>/mybill/findBill.do"
		,cols: [[
			{field:'type', title: '<spring:message code="mybill.Number"/>', sort: true,align :'center'}
			,{field:'mailno', title: '<spring:message code="mybill.OddOrders"/>',align :'center'}
			,{field:'sex', title: '<spring:message code="mybill.AmountRecharge"/>', sort: true,align :'center'}
			,{field:'playmoney',title: '<spring:message code="mybill.AmountExpenditure"/>',align :'center'}
			,{field:'sign', title: '<spring:message code="mybill.Coupons"/>',align :'center'}
			,{field:'smomey', title: '<spring:message code="mybill.AccountBalance"/>', sort: true,align :'center'}
 			,{field: 'createTime', title: '<spring:message code="mybill.BillingDate"/>', 
   templet :function (row){
   return createTime(row.createTime);
   } 
   }		
   ]]
		,id: 'testReload'
		,page: true 
 });

方式二:函数转义。自 layui 2.2.5 开始,templet 开始支持函数形式,函数返回一个参数 d,包含接口返回的所有字段和数据。如下所示:

table.render({
 cols: [[
 {field:'title', title: '文章标题', width: 200
 ,templet: function(d){
 return 'ID:'+ d.id +',标题:<span style="color: #c00;">'+ d.title +'</span>'
 }
 }
 ,{field:'id', title:'ID', width:100}
 ]]
});

可以好好看看layui table模块

效果图

layui实现把数据表格时间戳转换为时间格式的例子

<script type="text/javascript">
 
/**13位时间戳转换成 年月日 上午 时间 2018-05-23 10:41:08 */
function createTime(v){ 
 return new Date(parseInt(v)).toLocaleString()
}
/**重写toLocaleString方法*/
Date.prototype.toLocaleString = function() {
  var y = this.getFullYear(); 
 var m = this.getMonth()+1; 
 m = m<10?'0'+m:m; 
 var d = this.getDate(); 
 d = d<10?("0"+d):d; 
 var h = this.getHours(); 
 h = h<10?("0"+h):h; 
 var M = this.getMinutes(); 
 M = M<10?("0"+M):M; 
 var S=this.getSeconds();
 S=S<10?("0"+S):S; 
 return y+"-"+m+"-"+d+" "+h+":"+M+":"+S; 
};
</script>

以上这篇layui实现把数据表格时间戳转换为时间格式的例子 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript打印输出json实例
Nov 11 Javascript
JavaScript函数详解
Nov 17 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
Jan 13 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
Jun 11 Javascript
简单讲解jQuery中的子元素过滤选择器
Apr 18 Javascript
Js获取图片原始宽高的实现代码
May 17 Javascript
解读vue生成的文件目录结构及说明
Nov 27 Javascript
JavaScript事件委托原理与用法实例分析
Jun 07 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
Sep 14 Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
Oct 29 Javascript
Element InputNumber计数器的使用方法
Jul 27 Javascript
JS实现拖拽元素时与另一元素碰撞检测
Aug 27 Javascript
深入了解JavaScript 防抖和节流
Sep 12 #Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 #Javascript
使用layer.msg 时间设置不起作用的解决方法
Sep 12 #Javascript
浅谈bootstrap layer.open中end的使用方法
Sep 12 #Javascript
layer iframe 设置关闭按钮的方法
Sep 12 #Javascript
改变layer confirm弹窗按钮的颜色方法
Sep 12 #Javascript
layer提示框添加多个按钮选择的实例
Sep 12 #Javascript
You might like
关于zend studio 出现乱码问题的总结
2013/06/23 PHP
php通过数组实现多条件查询实现方法(字符串分割)
2014/05/06 PHP
Thinkphp中的volist标签用法简介
2014/06/18 PHP
getimagesize获取图片尺寸实例
2014/11/15 PHP
php+jQuery+Ajax简单实现页面异步刷新
2016/08/08 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
Prototype源码浅析 String部分(三)之HTML字符串处理
2012/01/15 Javascript
Javascript调用函数方法的几种方式介绍
2015/03/20 Javascript
JS实现图片的不间断连续滚动的简单实例
2016/06/03 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
canvas绘制七巧板
2017/02/03 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
微信小程序实现类似微信点击语音播放效果
2020/03/30 Javascript
vue样式穿透 ::v-deep的具体使用
2020/06/04 Javascript
[02:40]DOTA2英雄基础教程 炼金术士
2013/12/23 DOTA
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
[40:01]OG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python使用mysql数据库示例代码
2017/05/21 Python
python递归法解决棋盘分割问题
2019/07/17 Python
Python使用tkinter模块实现推箱子游戏
2019/10/08 Python
解决pycharm同一目录下无法import其他文件
2020/02/12 Python
Python使用urllib模块对URL网址中的中文编码与解码实例详解
2020/02/18 Python
解决python父线程关闭后子线程不关闭问题
2020/04/25 Python
Python基于Hypothesis测试库生成测试数据
2020/04/29 Python
django rest framework serializers序列化实例
2020/05/13 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
Python 发送邮件方法总结
2020/08/10 Python
Python实现AES加密,解密的两种方法
2020/10/03 Python
HTML5 层的叠加的实现
2020/07/07 HTML / CSS
会计找工作求职信范文
2013/12/09 职场文书
市场营销毕业生自荐信范文
2014/04/01 职场文书
乡镇干部个人对照检查材料思想汇报
2014/10/04 职场文书
2015年教学工作总结
2015/04/02 职场文书
小时代观后感
2015/06/10 职场文书
python数据可视化使用pyfinance分析证券收益示例详解
2021/11/20 Python
中国古风插画师排行榜:夏达第一,第三是阴阳师姑获鸟皮肤创作者
2022/03/18 国漫