layui使用templet格式化表格數(shù)據(jù)的方法
更新時(shí)間：2019年09月16日 11:02:05 作者：^止境
今天小編就為大家分享一篇layui使用templet格式化表格數(shù)據(jù)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
增加js
/*---------------------格式化時(shí)間開始--------------------------*/
//對(duì)Date的擴(kuò)展，將 Date 轉(zhuǎn)化為指定格式的String
//月(M)、日(d)、小時(shí)(h)、分(m)、秒(s)、季度(q) 可以用 1-2 個(gè)占位符，
//年(y)可以用 1-4 個(gè)占位符，毫秒(S)只能用 1 個(gè)占位符(是 1-3 位的數(shù)字)
//例子：
//(new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
//(new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18
Date.prototype.Format = function (fmt) { //author: meizz
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小時(shí)
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt))
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt))
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
var date = new Date();
/*---------------------格式化時(shí)間結(jié)束--------------------------*/
cols: [[
{ type: 'numbers', title: '序號(hào)', width: 50 },
{ type: 'checkbox' },
{ field: 'BILL_NO', title: '單據(jù)編碼', width: 230, },
{
field: 'BIZ_STATUS', title: '單據(jù)狀態(tài)', templet: function (d) {
return getDictName('COM_BIZ_STATUS', d.BIZ_STATUS);
}, width: 100,
},
{ field: 'RETURN_MSG_CODE', title: '狀態(tài)', width: 100, },
{ field: 'UNIT_NAME', title: '創(chuàng)建組織', width: 100, },
{ field: 'BUSIN_TYPE_ITEM_NAME', title: '業(yè)務(wù)類別', width: 230, },
{ field: 'TITLE', title: '申請(qǐng)單標(biāo)題', width: 280, },
{ field: 'CREATE_BY_NAME', title: '創(chuàng)建人姓名', width: 130, },
{
field: 'GMT_CREATE', title: '創(chuàng)建時(shí)間', sort: false, templet: function (d) {
date.setTime(d.GMT_CREATE);
return date.Format("yyyy-MM-dd hh:mm:ss");
}, width: 130,
},
{ field: 'RETURN_MSG', title: '傳輸云超市返回信息', width: 400, },
]],
格式化創(chuàng)建時(shí)間
格式化單據(jù)狀態(tài)直接調(diào)用function的方法返回對(duì)應(yīng)的顯示值
以上這篇layui使用templet格式化表格數(shù)據(jù)的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
前端實(shí)現(xiàn)全局主題切換功能實(shí)例代碼
這篇文章主要介紹了如何使用ReactHook和Context實(shí)現(xiàn)全局主題切換的功能,通過(guò)創(chuàng)建一個(gè)Context對(duì)象和一個(gè)ThemeProvider組件,可以將當(dāng)前主題存儲(chǔ)在Context中,并提供一個(gè)切換主題的方法,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2025-03-03
單擊瀏覽器右上角的X關(guān)閉窗口彈出提示的小例子，需要的朋友可以參考一下2013-06-06
下面小編就為大家?guī)?lái)一篇JS常用字符串方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
這篇文章主要介紹了JavaScript柯里化函數(shù)式編程，JS柯里化是前端面試中最常見的問(wèn)題之一，它可以讓你的代碼更簡(jiǎn)潔，工作更高效，感興趣想要詳細(xì)了解可以參考下文2023-05-05
JavaScript的removeChild()函數(shù)用法詳解
removechild 函數(shù)可以刪除父元素的指定子元素，通過(guò)本文給大家介紹javascript的removeChild()函數(shù)用法，對(duì)js removechild函數(shù)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)點(diǎn)擊切換卡片功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
Javascript 創(chuàng)建類并動(dòng)態(tài)添加屬性及方法的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇Javascript 創(chuàng)建類并動(dòng)態(tài)添加屬性及方法的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)旋轉(zhuǎn)木馬輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
layer彈出層父子頁(yè)面事件相互調(diào)用方法
今天小編就為大家分享一篇layer彈出層父子頁(yè)面事件相互調(diào)用方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
使用JavaScript italics方法實(shí)現(xiàn)文本變斜體教程示例
這篇文章主要為大家介紹了JavaScript italics實(shí)現(xiàn)文本變斜體教程示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12