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 相关文章推荐
List the Stored Procedures in a SQL Server database
Jun 20 Javascript
浅析jQuery的链式调用之each函数
Dec 03 Javascript
JavaScript?Apple设备检测示例代码
Nov 15 Javascript
javascript刷新父页面的各种方法汇总
Sep 03 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
Jul 15 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
Dec 17 Javascript
JavaScript中Math对象的方法介绍
Jan 05 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
Aug 22 Javascript
webpack4.x开发环境配置详解
Aug 04 Javascript
Element Input组件分析小结
Oct 11 Javascript
详解vuex之store源码简单解析
Jun 13 Javascript
layui实现三级导航菜单
Jul 26 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
SONY SRF-M100的电路分析
2021/03/02 无线电
xajax写的留言本
2006/11/25 PHP
在Yii框架中使用PHP模板引擎Twig的例子
2014/06/13 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
网页编辑器ckeditor和ckfinder配置步骤分享
2012/05/24 Javascript
通过javascript获取iframe里的值示例代码
2013/06/24 Javascript
Jquery中&quot;$(document).ready(function(){ })&quot;函数的使用详解
2013/12/30 Javascript
纯javascript实现四方向文本无缝滚动效果
2015/06/16 Javascript
VUE开发一个图片轮播的组件示例代码
2017/03/06 Javascript
Bootstrap 网格系统布局详解
2017/03/19 Javascript
js实现多张图片延迟加载效果
2017/07/17 Javascript
webpack3+React 的配置全解
2017/08/21 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
2017/09/22 jQuery
js实现扫雷小程序的示例代码
2017/09/27 Javascript
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
Python中规范定义命名空间的一些建议
2016/06/04 Python
Python爬虫常用库的安装及其环境配置
2018/09/19 Python
python如何实现代码检查
2019/06/28 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
Python实现实时数据采集新型冠状病毒数据实例
2020/02/04 Python
如何表示python中的相对路径
2020/07/08 Python
详解Python的爬虫框架 Scrapy
2020/08/03 Python
Pythonic版二分查找实现过程原理解析
2020/08/11 Python
Docker如何部署Python项目的实现详解
2020/10/26 Python
英国护肤品购物网站:Beauty Expert
2016/08/19 全球购物
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
中国梦演讲稿3分钟
2014/08/19 职场文书
新兵入伍心得体会
2014/09/04 职场文书
大四学生个人总结
2015/02/15 职场文书
单位考核聘任报告
2015/03/02 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
2016年幼儿园教研活动总结
2016/04/05 职场文书
python3 hdf5文件 遍历代码
2021/05/19 Python