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 相关文章推荐
jMessageBox 基于jQuery的窗口插件
Dec 09 Javascript
Javascript 自定义类型方法小结
Mar 02 Javascript
jQuery数组处理代码详解(含实例演示)
Feb 03 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
May 04 Javascript
JavaScript中数组继承的简单示例
Jul 29 Javascript
JS动态添加iframe的代码
Sep 14 Javascript
jQuery.trim() 函数及trim()用法详解
Oct 26 Javascript
如何利用AngularJS打造一款简单Web应用
Dec 05 Javascript
noty ? jQuery通知插件全面解析
May 18 Javascript
详解js中Array的方法及技巧
Sep 12 Javascript
vue中接口域名配置为全局变量的实现方法
Sep 20 Javascript
如何使用CocosCreator对象池
Apr 14 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
一周学会PHP(视频)Http下载
2006/12/12 PHP
Godaddy空间Zend Optimizer升级方法
2010/05/10 PHP
PHP 登录记住密码实现思路
2013/05/07 PHP
PHP字符串word末字符实现大小写互换的方法
2014/11/10 PHP
四个常见html网页乱码问题及解决办法
2015/09/08 PHP
用js来解决ajax读取页面乱码
2010/11/28 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
文字垂直滚动之javascript代码
2015/07/29 Javascript
jquery实现通用的内容渐显Tab选项卡效果
2015/09/07 Javascript
javascript中floor使用方法总结
2019/02/02 Javascript
JS+CSS实现随机点名(实例代码)
2019/11/04 Javascript
小程序跳转H5页面的方法步骤
2020/03/06 Javascript
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
Python使用Scrapy爬取妹子图
2015/05/28 Python
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
python3+PyQt5使用数据库表视图
2018/04/24 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
python matplotlib绘制三维图的示例
2020/09/24 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
CSS3转换功能transform主要属性值分析及实现分享
2012/05/06 HTML / CSS
HTML5 video 事件应用示例
2014/09/11 HTML / CSS
Book Depository澳大利亚:世界领先的专业在线书店之一
2018/12/27 全球购物
工业设计专业推荐信
2013/10/29 职场文书
影视艺术学院毕业生自荐信
2013/11/13 职场文书
应届毕业生求职信范例分享
2013/12/17 职场文书
大学班级文化建设方案
2014/05/06 职场文书
乡镇群众路线专项整治方案
2014/11/03 职场文书
答谢词范文
2015/01/05 职场文书
2015年初中生自我评价范文
2015/03/03 职场文书
事业单位财务人员岗位职责
2015/04/14 职场文书
追悼词范文大全
2015/06/23 职场文书
同学聚会祝酒词
2015/08/10 职场文书
Mysql中存储引擎的区别及比较
2021/06/04 MySQL
html中显示特殊符号(附带特殊字符对应表)
2021/06/21 HTML / CSS
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android
CSS中float高度塌陷问题的四种解决方案
2022/04/18 HTML / CSS