layui使用templet格式化表格數(shù)據(jù)的方法
增加js
/*---------------------格式化時間開始--------------------------*/
//對Date的擴展,將 Date 轉(zhuǎn)化為指定格式的String //月(M)、日(d)、小時(h)、分(m)、秒(s)、季度(q) 可以用 1-2 個占位符, //年(y)可以用 1-4 個占位符,毫秒(S)只能用 1 個占位符(是 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(), //小時 "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();
/*---------------------格式化時間結(jié)束--------------------------*/
cols: [[ { type: 'numbers', title: '序號', 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: '申請單標(biāo)題', width: 280, }, { field: 'CREATE_BY_NAME', title: '創(chuàng)建人姓名', width: 130, }, { field: 'GMT_CREATE', title: '創(chuàng)建時間', 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)建時間
格式化單據(jù)狀態(tài)直接調(diào)用function的方法返回對應(yīng)的顯示值
以上這篇layui使用templet格式化表格數(shù)據(jù)的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
swiper+echarts實現(xiàn)多個儀表盤左右滾動效果
這篇文章主要為大家詳細(xì)介紹了swiper+echarts實現(xiàn)多個儀表盤左右滾動效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-06-06uniapp使用uni自帶websocket進行即時通訊詳細(xì)步驟
在開發(fā)程序過程中通信功能還是比較常用到的,下面這篇文章主要給大家介紹了關(guān)于uniapp使用uni自帶websocket進行即時通訊的詳細(xì)步驟,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11layui table 列寬百分比顯示的實現(xiàn)方法
今天小編就為大家分享一篇layui table 列寬百分比顯示的實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09JavaScript簡單生成 N~M 之間隨機數(shù)的方法
這篇文章主要介紹了JavaScript簡單生成 N~M 之間隨機數(shù)的方法,結(jié)合自定義函數(shù)分析了JS生成固定區(qū)間內(nèi)隨機數(shù)的相關(guān)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2017-01-01js 實現(xiàn)無干擾陰影效果 簡單好用(附文件下載)
js實現(xiàn)無干擾陰影效果,簡單好用,需要的朋友可以參考下。2009-12-12