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 框架使用教程 AJAX篇
Oct 11 Javascript
PHP 与 js的通信(via ajax,json)
Nov 16 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 Javascript
JS保存、读取、换行、转Json报错处理方法
Jun 14 Javascript
文本框水印提示效果的简单实现代码
Feb 22 Javascript
js中hash和ico的关联分析
Feb 05 Javascript
js模拟淘宝网的多级选择菜单实现方法
Aug 18 Javascript
ES6中Math对象的部分扩展
Feb 20 Javascript
记一次用vue做的活动页的方法步骤
Apr 11 Javascript
javascript获取select值的方法完整实例
Jun 20 Javascript
基于Node的Axure文件在线预览的实现代码
Aug 28 Javascript
详解element-ui动态限定的日期范围选择器代码片段
Jul 03 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留言本模块主要功能的函数说明(代码可实现)
2013/06/25 PHP
javascript获取url上某个参数的方法
2013/11/08 Javascript
jquery常用函数与方法汇总
2015/09/01 Javascript
一个php+js实时显示时间问题
2015/10/12 Javascript
jquery拖拽排序简单实现方法(效果增强版)
2016/02/16 Javascript
AngularJS基础 ng-selected 指令简单示例
2016/08/03 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
Vue中img的src属性绑定与static文件夹实例
2017/05/18 Javascript
Node.Js生成比特币地址代码解析
2018/04/21 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
2018/08/16 Javascript
JavaScript常见事件处理程序实例总结
2019/01/05 Javascript
vue滚动插件better-scroll使用详解
2019/10/18 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
让 python 命令行也可以自动补全
2014/11/30 Python
Python程序中使用SQLAlchemy时出现乱码的解决方案
2015/04/24 Python
python使用urllib2实现发送带cookie的请求
2015/04/28 Python
编写Python小程序来统计测试脚本的关键字
2016/03/12 Python
Python3中使用urllib的方法详解(header,代理,超时,认证,异常处理)
2016/09/21 Python
Django中cookie的基本使用方法示例
2018/02/03 Python
Python Scapy随心所欲研究TCP协议栈
2018/11/20 Python
WIn10+Anaconda环境下安装PyTorch(避坑指南)
2019/01/30 Python
pytz格式化北京时间多出6分钟问题的解决方法
2019/06/21 Python
对django后台admin下拉框进行过滤的实例
2019/07/26 Python
Python根据服务获取端口号的方法
2019/09/25 Python
python实现猜数字游戏
2020/03/25 Python
Python实现图片裁剪的两种方式(Pillow和OpenCV)
2019/10/30 Python
Python三元运算与lambda表达式实例解析
2019/11/30 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
使用CSS3实现多列布局与多背景的技巧
2016/02/29 HTML / CSS
Html5实现如何在两个div元素之间拖放图像
2013/03/29 HTML / CSS
实习心得体会
2014/01/02 职场文书
服装行业创业计划书范文
2014/02/05 职场文书
个人总结怎么写
2015/02/26 职场文书
图书借阅制度范本
2015/08/06 职场文书
go mod 安装依赖 unkown revision问题的解决方案
2021/05/06 Golang
分析并发编程之LongAdder原理
2021/06/29 Java/Android