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 得到变量类型的函数
May 19 Javascript
jQuery validate 中文API 附validate.js中文api手册
Jul 31 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
Dec 05 Javascript
常规表格多表头查询示例
Feb 21 Javascript
JavaScript中对象property的删除方法介绍
Dec 30 Javascript
JS通过ajax动态读取xml文件内容的方法
Mar 24 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
vue 组件中slot插口的具体用法
Apr 03 Javascript
详细教你微信公众号正文页SVG交互开发技巧
Jul 25 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
Sep 12 Javascript
vue-resource:jsonp请求百度搜索的接口示例
Nov 09 Javascript
Node.js API详解之 tty功能与用法实例分析
Apr 27 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
Windows中安装Apache2和PHP4权威指南
2006/11/18 PHP
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
PHP采集类snoopy详细介绍(snoopy使用教程)
2014/06/19 PHP
PHP几个实用自定义函数小结
2016/01/25 PHP
php微信支付之公众号支付功能
2018/05/30 PHP
yii框架数据库关联查询操作示例
2019/10/14 PHP
JavaScript isArray()函数判断对象类型的种种方法
2010/10/11 Javascript
Javascript中正则表达式的全局匹配模式分析
2011/04/26 Javascript
JQuery 文本框回车跳到下一个文本框示例代码
2013/08/30 Javascript
分享两段简单的JS代码防止SQL注入
2016/04/12 Javascript
AngularJS Phonecat实例讲解
2016/11/21 Javascript
再谈Angular4 脏值检测(性能优化)
2018/04/23 Javascript
layui使用templet格式化表格数据的方法
2019/09/16 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
[01:04:01]2014 DOTA2华西杯精英邀请赛5 24 DK VS VG
2014/05/25 DOTA
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
Python模拟百度登录实例详解
2016/01/20 Python
python中map()与zip()操作方法
2016/02/27 Python
Pyhton中单行和多行注释的使用方法及规范
2016/10/11 Python
python实现自动发送邮件
2018/06/20 Python
详解Python3之数据指纹MD5校验与对比
2019/06/11 Python
Django 实现将图片转为Base64,然后使用json传输
2020/03/27 Python
Pytorch通过保存为ONNX模型转TensorRT5的实现
2020/05/25 Python
加拿大消费电子和手机购物网站:The Source
2017/01/28 全球购物
应届毕业生自我鉴定范文
2013/12/27 职场文书
工商管理专业职业生涯规划
2014/01/01 职场文书
法制宣传日活动总结
2014/04/29 职场文书
三八红旗手先进事迹材料
2014/05/13 职场文书
2014光棍节大学生联谊活动方案
2014/10/10 职场文书
结婚保证书
2015/01/16 职场文书
有关骆驼祥子的读书笔记
2015/06/26 职场文书
JavaScript 语句之常用 for 循环详解
2021/03/29 Javascript
解决Python中的modf()函数取小数部分不准确问题
2021/05/28 Python
Golang 并发下的问题定位及解决方案
2022/03/16 Golang
关于CSS自定义属性与前端页面的主题切换问题
2022/03/21 HTML / CSS
CSS实现背景图片全屏铺满自适应的3种方式
2022/07/07 HTML / CSS