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 相关文章推荐
不能再简单的无闪刷新验证码原理很简单
Nov 05 Javascript
jQuery 行级解析读取XML文件(附源码)
Oct 12 Javascript
事件冒泡是什么如何用jquery阻止事件冒泡
Mar 20 Javascript
js简单的表格添加行和删除行操作示例
Mar 31 Javascript
jQuery手机拨号界面特效代码分享
Aug 27 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
Nov 25 Javascript
解析预加载显示图片艺术
Dec 05 Javascript
JS实现间歇滚动的运动效果实例
Dec 22 Javascript
小程序使用watch监听数据变化的方法详解
Sep 20 Javascript
浅谈vue.watch的触发条件是什么
Nov 07 Javascript
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
Nov 20 Vue.js
深入了解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
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
在字符串指定位置插入一段字符串的php代码
2010/02/16 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
php文字水印和php图片水印实现代码(二种加水印方法)
2013/12/25 PHP
php递归函数中使用return的注意事项
2014/01/17 PHP
php中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
2016/05/06 PHP
List Information About the Binary Files Used by an Application
2007/06/11 Javascript
jquery实现点击TreeView文本父节点展开/折叠子节点
2013/01/10 Javascript
JS实现的简洁二级导航菜单雏形效果
2015/10/13 Javascript
学习javascript面向对象 理解javascript对象
2016/01/04 Javascript
jQuery实现table中的tr上下移动并保持序号不变的实例代码
2016/07/11 Javascript
JS实现的简单拖拽功能示例
2017/03/13 Javascript
使用vue.js编写蓝色拼图小游戏
2017/03/17 Javascript
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
jQuery实现右侧抽屉式在线客服功能
2017/12/25 jQuery
js中let和var定义变量的区别
2018/02/08 Javascript
AngularJS动态添加数据并删除的实例
2018/02/27 Javascript
VUE前后端学习tab写法实例
2019/08/06 Javascript
ES2020 新特性(种草)
2020/01/12 Javascript
[24:42]VP vs TNC Supermajor小组赛B组 BO3 第三场 6.2
2018/06/03 DOTA
JSON Web Tokens的实现原理
2017/04/02 Python
python实现扫描ip地址的小程序
2019/04/16 Python
Python udp网络程序实现发送、接收数据功能示例
2019/12/09 Python
Python使用turtle库绘制小猪佩奇(实例代码)
2020/01/16 Python
Python连接Hadoop数据中遇到的各种坑(汇总)
2020/04/14 Python
Python如何定义有可选参数的元类
2020/07/31 Python
关于python中导入文件到list的问题
2020/10/31 Python
CSS3实现滚动条动画效果代码分享
2016/08/03 HTML / CSS
建龙钢铁面试总结
2014/04/15 面试题
项目经理的岗位职责
2013/11/23 职场文书
商学院大学生求职的自我评价
2014/03/12 职场文书
共产党员公开承诺书范文
2014/03/28 职场文书
2016学习依法治国心得体会
2016/01/15 职场文书
SQL Server数据定义——模式与基本表操作
2021/04/05 SQL Server
解析在浏览器地址栏输入一个URL后发生了什么
2021/06/21 Servers