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 15 Javascript
jquery 批量上传图片实现代码
Jan 28 Javascript
JQuery Ajax通过Handler访问外部XML数据的代码
Jun 01 Javascript
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 Javascript
Jquery中&quot;$(document).ready(function(){ })&quot;函数的使用详解
Dec 30 Javascript
在Firefox下js select标签点击无法弹出
Mar 06 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
May 12 Javascript
JS实现合并json对象的方法
Oct 10 Javascript
bootstrap实现二级下拉菜单效果
Nov 23 Javascript
webpack多页面开发实践
Dec 18 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
May 21 Javascript
JS中比Switch...Case更优雅的多条件判断写法
Sep 05 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/05/16 PHP
推荐一本PHP程序猿都应该拜读的书
2014/12/31 PHP
php实现微信公众平台账号自定义菜单类
2015/10/11 PHP
Zend Framework教程之Application和Bootstrap用法详解
2016/03/10 PHP
php metaphone()函数及php localeconv() 函数实例解析
2016/05/15 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
PHP的mysqli_stmt_init()函数讲解
2019/01/24 PHP
javascript mouseover、mouseout停止事件冒泡的解决方案
2009/04/07 Javascript
用JQuery 实现AJAX加载XML并解析的脚本
2009/07/25 Javascript
js 页面刷新location.reload和location.replace的区别小结
2009/12/24 Javascript
JavaScript中的style.cssText使用教程
2014/11/06 Javascript
JavaScript数组各种常见用法实例分析
2015/08/04 Javascript
React-Native使用Mobx实现购物车功能
2017/09/14 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
2017/11/22 Javascript
vue中的计算属性的使用和vue实例的方法示例
2017/12/04 Javascript
javascript实现QQ空间相册展示源码
2017/12/12 Javascript
vue使用iframe嵌入网页的示例代码
2020/06/09 Javascript
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
ng-alain的sf如何自定义部件的流程
2020/06/12 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
2020/10/30 Javascript
[01:19:34]2014 DOTA2国际邀请赛中国区预选赛 New Element VS Dream time
2014/05/22 DOTA
Python设计模式之门面模式简单示例
2018/01/09 Python
python实现桌面气泡提示功能
2019/07/29 Python
NumPy中的维度Axis详解
2019/11/26 Python
什么是CSS3 HSLA色彩模式?HSLA模拟渐变色条
2016/04/26 HTML / CSS
杭州信雅达系统.NET工程师面试试题
2015/02/08 面试题
人力资源管理专业应届生求职信
2013/09/28 职场文书
公共事业管理本科生求职信
2013/10/07 职场文书
会计学专业求职信
2014/07/17 职场文书
三行辞职书范文
2015/02/26 职场文书
实施意见格式范本
2015/06/05 职场文书
无婚姻登记记录证明
2015/06/18 职场文书
2016年感恩教师节校园广播稿
2015/12/18 职场文书
500字作文之关于爸爸
2019/11/14 职场文书
教你如何用python开发一款数字推盘小游戏
2021/04/14 Python
Python基础之元组与文件知识总结
2021/05/19 Python