layui使用templet格式化表格数据的方法

 更新时间:2019年09月16日 11:02:05   作者:^止境  
今天小编就为大家分享一篇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的方法返回对应的显示值

以上这篇layui使用templet格式化表格数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • swiper+echarts实现多个仪表盘左右滚动效果

    swiper+echarts实现多个仪表盘左右滚动效果

    这篇文章主要为大家详细介绍了swiper+echarts实现多个仪表盘左右滚动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • 可选择和输入的下拉列表框示例

    可选择和输入的下拉列表框示例

    如果想实现可选择和输入的下拉列表框,那么下面有个不错的示例,希望大家可以参考下
    2013-11-11
  • 如何用JS有效的压缩图片

    如何用JS有效的压缩图片

    JavaScript操作压缩图片原理不难,已有成熟 API,然而在实际输出压缩后结果却总有意外,有些图片竟会越压缩越大,加之终端(手机)类型众多,有些手机压缩图片甚至变黑。本文将一步一步解决此类问题
    2021-05-05
  • uniapp使用uni自带websocket进行即时通讯详细步骤

    uniapp使用uni自带websocket进行即时通讯详细步骤

    在开发程序过程中通信功能还是比较常用到的,下面这篇文章主要给大家介绍了关于uniapp使用uni自带websocket进行即时通讯的详细步骤,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • 解析javascript中鼠标滚轮事件

    解析javascript中鼠标滚轮事件

    这篇文章主要给大家详细介绍了javascript中鼠标滚轮事件,图文并茂,十分的详细,有需要的小伙伴可以参考下。
    2015-05-05
  • JS+CSS实现3D切割轮播图

    JS+CSS实现3D切割轮播图

    这篇文章主要为大家详细介绍了JS+CSS实现3D切割轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • layui table 列宽百分比显示的实现方法

    layui table 列宽百分比显示的实现方法

    今天小编就为大家分享一篇layui table 列宽百分比显示的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript简单生成 N~M 之间随机数的方法

    JavaScript简单生成 N~M 之间随机数的方法

    这篇文章主要介绍了JavaScript简单生成 N~M 之间随机数的方法,结合自定义函数分析了JS生成固定区间内随机数的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2017-01-01
  • javascript不可用的问题探究

    javascript不可用的问题探究

    在Twitter上的一些有趣的讨论中, 我发现人们对于Web应用和站点对javascript的依赖普遍存在一种疑惑. 这种疑惑一直都存在, 而对我而言, 这个问题随着浏览技术的飞跃发展而集中爆发了
    2013-10-10
  • js 实现无干扰阴影效果 简单好用(附文件下载)

    js 实现无干扰阴影效果 简单好用(附文件下载)

    js实现无干扰阴影效果,简单好用,需要的朋友可以参考下。
    2009-12-12

最新评论