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 相关文章推荐
这段js代码得节约你多少时间
Dec 20 Javascript
js判断背景图片是否加载成功使用img的width实现
May 29 Javascript
js 输出内容到新窗口具体实现代码
May 31 Javascript
javascript中RegExp保留小数点后几位数的方法分享
Aug 13 Javascript
jQuery ajax dataType值为text json探索分享
Sep 23 Javascript
JS获取当前日期和时间的简单实例
Nov 19 Javascript
JS判断字符串包含的方法
May 05 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
原生js编写2048小游戏
Mar 17 Javascript
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
layui自定义ajax左侧三级菜单
Jul 26 Javascript
vue实现户籍管理系统
May 29 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
PHP5与MySQL数据库操作常用代码 收集
2010/03/21 PHP
详解PHP版本兼容之openssl调用参数
2018/07/25 PHP
仿迅雷焦点广告效果(JQuery版)
2008/11/19 Javascript
firefox firebug中文入门教程 脚本之家新年特别版
2010/01/02 Javascript
基于jQuery的星级评分插件
2011/08/12 Javascript
js获取class的所有元素
2013/03/28 Javascript
javascript解析json实例详解
2014/11/05 Javascript
js简单实现竖向tab选项卡的方法
2015/05/04 Javascript
javascript生成不重复的随机数
2015/07/17 Javascript
JavaScript的Vue.js库入门学习教程
2016/05/23 Javascript
原生JS和jQuery操作DOM对比总结
2017/01/19 Javascript
JavaScript数据结构之二叉树的计数算法示例
2017/04/13 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
2017/04/13 Javascript
bootstrap动态调用select下拉框的实例代码
2018/08/09 Javascript
详解javascript 变量提升(Hoisting)
2019/03/12 Javascript
举例介绍Python中的25个隐藏特性
2015/03/30 Python
python读取oracle函数返回值
2016/07/18 Python
详解python3实现的web端json通信协议
2016/12/29 Python
linux平台使用Python制作BT种子并获取BT种子信息的方法
2017/01/20 Python
Python正则表达式分组概念与用法详解
2017/06/24 Python
TensorFlow saver指定变量的存取
2018/03/10 Python
Python3爬虫学习入门教程
2018/12/11 Python
python实现移位加密和解密
2019/03/22 Python
django框架两个使用模板实例
2019/12/11 Python
python wav模块获取采样率 采样点声道量化位数(实例代码)
2020/01/22 Python
在 Python 中接管键盘中断信号的实现方法
2020/02/04 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
python实现按键精灵找色点击功能教程,使用pywin32和Pillow库
2020/06/04 Python
Python过滤序列元素的方法
2020/07/31 Python
北京RT科技有限公司.net工程师面试题
2013/02/15 面试题
2014的自我评价
2014/01/13 职场文书
潘婷洗发水广告词
2014/03/14 职场文书
电子商务专业求职信
2014/07/10 职场文书
大学新生入学感想
2015/08/07 职场文书
【HBU】数据库第四周 单表查询
2021/04/05 SQL Server
JS + HTML 罗盘式时钟的实现
2021/05/21 Javascript