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 程序库的比较(一)之DOM功能
Apr 07 Javascript
jquery 清空file域示例(兼容个浏览器)
Oct 11 Javascript
简介JavaScript中的getSeconds()方法的使用
Jun 10 Javascript
基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理
May 12 Javascript
微信开发 消息推送实现代码
Oct 21 Javascript
jquery组件WebUploader文件上传用法详解
Oct 23 Javascript
jQuery实现的上传图片本地预览效果简单示例
Mar 29 jQuery
ES6 中可以提升幸福度的小功能
Aug 06 Javascript
微信小程序上传文件到阿里OSS教程
May 20 Javascript
vue 插件的方法代码详解
Jun 06 Javascript
发布订阅模式在vue中的实际运用实例详解
Jun 09 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
Sep 10 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
基于jQuery的弹出消息插件 DivAlert之旅(一)
2010/04/01 Javascript
最佳JS代码编写的14条技巧
2011/01/09 Javascript
node.js chat程序如何实现Ajax long-polling长链接刷新模式
2012/03/13 Javascript
jquery 获取标签名(tagName)示例代码
2013/07/11 Javascript
简单的两种Extjs formpanel加载数据的方式
2013/11/09 Javascript
基于豆瓣API+Angular开发的web App
2015/01/02 Javascript
jquery实现初次打开有动画效果的网页TAB切换代码
2015/09/06 Javascript
学习JavaScript设计模式(链式调用)
2015/11/26 Javascript
详解AngularJS中的filter过滤器用法
2016/01/04 Javascript
js实现表单提交后不重新刷新当前页面
2016/11/30 Javascript
Bootstrap3 datetimepicker控件使用实例
2016/12/13 Javascript
js判断一个字符串是以某个字符串开头的简单实例
2016/12/27 Javascript
原生js实现简单的Ripple按钮实例代码
2017/03/24 Javascript
vue-router的HTML5 History 模式设置
2018/09/08 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
微信小程序实现手势滑动效果
2019/08/26 Javascript
超简单的微信小程序轮播图
2019/11/22 Javascript
用Python进行行为驱动开发的入门教程
2015/04/23 Python
Python的迭代器和生成器
2015/07/29 Python
Python 实现网页自动截图的示例讲解
2018/05/17 Python
基于tensorflow加载部分层的方法
2018/07/26 Python
在Pycharm terminal中字体大小设置的方法
2019/01/16 Python
Python用access判断文件是否被占用的实例方法
2020/12/17 Python
用pushplus+python监控亚马逊到货动态推送微信
2021/01/29 Python
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
现金会计岗位职责
2013/12/05 职场文书
大一新生期末自我评价
2014/09/12 职场文书
计划生育证明书写要求
2014/09/17 职场文书
2014年团委工作总结
2014/11/13 职场文书
2014年教育实习工作总结
2014/11/22 职场文书
2015年学校关工委工作总结
2015/04/03 职场文书
东京审判观后感
2015/06/01 职场文书
手术室消毒隔离制度
2015/08/05 职场文书
如何撰写出一份完美的商业计划书?
2019/07/12 职场文书
高效笔记技巧分享:学会这些让你不再困扰
2019/09/04 职场文书
导游词之烟台威海蓬莱
2019/11/14 职场文书