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 相关文章推荐
jQuery UI AutoComplete 自动完成使用小记
Aug 21 Javascript
javascript淡入淡出效果的实现思路
Mar 31 Javascript
js使用ajax读博客rss示例
May 06 Javascript
js设置控件的隐藏与显示的两种方法
Aug 21 Javascript
24款热门实用的jQuery插件推荐
Dec 24 Javascript
JavaScript中的getDay()方法使用详解
Jun 09 Javascript
聊一聊JS中的prototype
Sep 29 Javascript
vue.js表格分页示例
Oct 18 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
Jul 04 Javascript
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
Jun 14 Javascript
node.js +mongdb实现登录功能
Jun 18 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
在php7中MongoDB实现模糊查询的方法详解
2017/05/03 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
浅谈javascript的原型继承
2012/07/25 Javascript
jQuery ui插件的使用方法代码实例
2013/05/08 Javascript
js类定义函数时用prototype与不用的区别示例介绍
2014/06/10 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
2014/08/27 Javascript
使用js画图之画切线
2015/01/12 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
jQuery控制div实现随滚动条滚动效果
2016/06/07 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
2017/02/20 Javascript
解决Jquery下拉框数据动态获取的问题
2018/01/25 jQuery
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
2019/10/27 Javascript
Python实现Linux下守护进程的编写方法
2014/08/22 Python
python进阶教程之循环对象
2014/08/30 Python
Python中用format函数格式化字符串的用法
2015/04/08 Python
python中zip和unzip数据的方法
2015/05/27 Python
如何使用python爬取csdn博客访问量
2016/02/14 Python
Python脚本实时处理log文件的方法
2016/11/21 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
Python使用Pandas库常见操作详解
2020/01/16 Python
DC Shoes荷兰官方网站:美国极限运动品牌
2019/10/22 全球购物
澳大利亚厨房和家用电器购物网站:Bing Lee
2021/01/11 全球购物
Python面试题:Python是如何进行内存管理的
2014/08/04 面试题
质检部经理岗位职责
2014/02/19 职场文书
出租房屋协议书
2014/09/14 职场文书
党支部三会一课计划
2014/09/24 职场文书
紫日观后感
2015/06/05 职场文书
幼儿园托班开学寄语(2016秋季)
2015/12/03 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
pytorch 实现多个Dataloader同时训练
2021/05/29 Python
Mysql数据库按时间点恢复实战记录
2021/06/30 MySQL
MySQL 十大常用字符串函数详解
2021/06/30 MySQL
Java使用Unsafe类的示例详解
2021/09/25 Java/Android
MySQL七大JOIN的具体使用
2022/02/28 MySQL