快捷導(dǎo)航

layui實(shí)現(xiàn)把數(shù)據(jù)表格時(shí)間戳轉(zhuǎn)換為時(shí)間格式的例子

更新時(shí)間：2019年09月12日 17:19:45 作者：宋浩志

今天小編就為大家分享一篇layui實(shí)現(xiàn)把數(shù)據(jù)表格時(shí)間戳轉(zhuǎn)換為時(shí)間格式的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

如下所示：

<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 
 });

方式二：函數(shù)轉(zhuǎn)義。自 layui 2.2.5 開始，templet 開始支持函數(shù)形式，函數(shù)返回一個(gè)參數(shù) d，包含接口返回的所有字段和數(shù)據(jù)。如下所示：

table.render({
 cols: [[
 {field:'title', title: '文章標(biāo)題', width: 200
 ,templet: function(d){
 return 'ID：'+ d.id +'，標(biāo)題：<span style="color: #c00;">'+ d.title +'</span>'
 }
 }
 ,{field:'id', title:'ID', width:100}
 ]]
});

可以好好看看layui table模塊

效果圖

<script type="text/javascript">
 
/**13位時(shí)間戳轉(zhuǎn)換成 年月日 上午 時(shí)間 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實(shí)現(xiàn)把數(shù)據(jù)表格時(shí)間戳轉(zhuǎn)換為時(shí)間格式的例子就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

javascript 中按屬性值查找數(shù)組中的對(duì)象多種方法
JavaScript 數(shù)組可以保存混合類型的不同值，例如字符串、空值或布爾值，并且不需要數(shù)組的大小來指定它在哪里自動(dòng)增長(zhǎng)和動(dòng)態(tài)，這篇文章主要介紹了javascript 中按屬性值查找數(shù)組中的對(duì)象多種方法,需要的朋友可以參考下
2023-06-06
Javascript生成全局唯一標(biāo)識(shí)符（GUID,UUID）的方法
本文給大家匯總介紹了5種使用javascript實(shí)現(xiàn)全局唯一標(biāo)識(shí)符（GUID,UUID）的方法，非常的全面，有需要的小伙伴可以來參考下
2016-02-02
微信小程序input框中加入小圖標(biāo)的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序input框中加入小圖標(biāo)的實(shí)現(xiàn)方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-06-06
JS表單提交驗(yàn)證、input（type=number）去三角刷新驗(yàn)證碼
在進(jìn)行表單提交時(shí)，需要對(duì)輸入框和文本域等的value的合理性進(jìn)行驗(yàn)證，可以編寫form的onSubmit事件，下面給大家介紹js表單提交驗(yàn)證input（type=number）去三角刷新驗(yàn)證碼注意事項(xiàng)，一起看看吧
2017-06-06
JS對(duì)象和字符串之間互換操作實(shí)例分析
這篇文章主要介紹了JS對(duì)象和字符串之間互換操作,結(jié)合實(shí)例形式分析了javascript對(duì)象與字符串相互轉(zhuǎn)換的原理與相關(guān)操作技巧,需要的朋友可以參考下
2019-02-02
JS使用cookie實(shí)現(xiàn)只出現(xiàn)一次的廣告代碼效果
我們上網(wǎng)經(jīng)常會(huì)遇到第一次需要登錄而之后不用再登錄的網(wǎng)站的情況，其實(shí)是運(yùn)用了Cookie 存儲(chǔ) web 頁面的用戶信息，Cookie 以名/值對(duì)形式存儲(chǔ),當(dāng)瀏覽器從服務(wù)器上請(qǐng)求 web 頁面時(shí)，屬于該頁面的 cookie 會(huì)被添加到該請(qǐng)求中
2017-04-04
理解JavaScript表單的基礎(chǔ)知識(shí)
這篇文章主要帶領(lǐng)大家理解JavaScript表單的基礎(chǔ)知識(shí)，對(duì)javascript表單腳本進(jìn)行深入學(xué)習(xí)，感興趣的小伙伴們可以參考一下
2016-01-01
laydate.js日期時(shí)間選擇插件
這篇文章主要為大家詳細(xì)介紹了laydate.js日期時(shí)間選擇插件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
一文帶你了解JavaScript中偽數(shù)組的使用
所謂偽數(shù)組,指的是具有類似數(shù)組結(jié)構(gòu)的對(duì)象,但并非真正的數(shù)組,在本文中,我們將詳細(xì)介紹偽數(shù)組的特點(diǎn)和特征,并提供一些JavaScript代碼示例,感興趣的小伙伴快跟隨小編一起學(xué)習(xí)起來吧
2023-11-11
chrome瀏覽器如何斷點(diǎn)調(diào)試異步加載的JS
chrome瀏覽器不僅僅可以用來上網(wǎng)，對(duì)于開發(fā)人員來說，它更像是一款強(qiáng)大的開發(fā)輔助工具。今天這篇文章給大家分享在chrome瀏覽器如何斷點(diǎn)調(diào)試異步加載的JS，有需要的可以參考借鑒。
2016-09-09