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中判断整字类型最简洁的实现方法
Nov 08 Javascript
jQuery中change事件用法实例
Dec 26 Javascript
javascript实现table选中的行以指定颜色高亮显示的方法
May 13 Javascript
JS如何实现文本框随文本的长度而增长
Jul 30 Javascript
jQuery代码实现实时获取时间
Jan 29 Javascript
AngularJS实现页面定时刷新
Mar 14 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
Aug 25 Javascript
Vue Router的懒加载路径的解决方法
Jun 21 Javascript
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
angular1.x ui-route传参的三种写法小结
Aug 31 Javascript
手淘flexible.js框架使用和源代码讲解小结
Oct 15 Javascript
微信小程序wx.request的简单封装
Nov 13 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 数组排序方法总结 推荐收藏
2010/06/30 PHP
神奇的7个jQuery 3D插件整理
2011/01/06 Javascript
js操作table示例(个人心得)
2013/11/29 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
jQuery中size()方法用法实例
2014/12/27 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
2015/12/28 Javascript
js老生常谈之this,constructor ,prototype全面解析
2016/04/05 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
Summernote实现图片上传功能的简单方法
2016/07/11 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
cdn模式下vue的基本用法详解
2018/10/07 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
2018/10/29 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
2018/11/08 Javascript
基于vue.js实现分页查询功能
2018/12/29 Javascript
create-react-app中添加less支持的实现
2019/11/15 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
2020/05/12 Javascript
[02:44]DOTA2英雄基础教程 钢背兽
2013/12/19 DOTA
[05:24]TI9采访——教练
2019/08/24 DOTA
Python学习笔记(一)(基础入门之环境搭建)
2014/06/05 Python
python抓取最新博客内容并生成Rss
2015/05/17 Python
python爬虫爬取网页表格数据
2018/03/07 Python
Flask-Mail用法实例分析
2018/07/21 Python
python高级特性和高阶函数及使用详解
2018/10/17 Python
python实现视频分帧效果
2019/05/31 Python
Python装饰器的应用场景代码总结
2020/04/10 Python
常用的四种CSS透明属性介绍
2014/04/12 HTML / CSS
英国计算机商店:Technextday
2019/12/28 全球购物
大专生简历的自我评价
2013/11/26 职场文书
小区文明倡议书
2014/05/16 职场文书
学生保证书
2015/01/16 职场文书
校园歌手大赛主持词
2015/07/03 职场文书
领导视察通讯稿
2015/07/18 职场文书
《风筝》教学反思
2016/02/23 职场文书
企业转让协议书(范文2篇)
2019/08/15 职场文书
Pytorch 中net.train 和 net.eval的使用说明
2021/05/22 Python