1. 程式人生 > >layui使用templet格式化表格資料

layui使用templet格式化表格資料

增加js

/*---------------------格式化時間開始--------------------------*/

//對Date的擴充套件,將 Date 轉化為指定格式的String

//月(M)、日(d)、小時(h)、分(m)、秒(s)、季度(q) 可以用 1-2 個佔位符,

//年(y)可以用 1-4 個佔位符,毫秒(S)只能用 1 個佔位符(是 1-3 位的數字)

//例子:

//(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();

/*---------------------格式化時間結束--------------------------*/

cols: [[

{ type: 'numbers', title: '序號', width: 50 },

{ type: 'checkbox' },

{ field: 'BILL_NO', title: '單據編碼', width: 230, },

{

field: 'BIZ_STATUS', title: '單據狀態', templet: function (d) {

return getDictName('COM_BIZ_STATUS', d.BIZ_STATUS);

}, width: 100,

},

{ field: 'RETURN_MSG_CODE', title: '狀態', width: 100, },

{ field: 'UNIT_NAME', title: '建立組織', width: 100, },

{ field: 'BUSIN_TYPE_ITEM_NAME', title: '業務類別', width: 230, },

{ field: 'TITLE', title: '申請單標題', width: 280, },

{ field: 'CREATE_BY_NAME', title: '建立人姓名', width: 130, },

{

field: 'GMT_CREATE', title: '建立時間', 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, },

]],

格式化建立時間

格式化單據狀態直接呼叫function的方法返回對應的顯示值