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


Posted in Javascript onSeptember 16, 2019

增加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, },

]],

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

格式化创建时间

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

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

格式化单据状态直接调用function的方法返回对应的显示值

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

Javascript 相关文章推荐
jquery实现邮箱自动填充提示功能
Nov 17 Javascript
JavaScript语言精粹经典实例(整理篇)
Jun 07 Javascript
JS仿百度自动下拉框模糊匹配提示
Jul 25 Javascript
AngularJS入门教程之Cookies读写操作示例
Nov 02 Javascript
用js制作淘宝放大镜效果
Oct 28 Javascript
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
详解webpack多页面配置记录
Jan 22 Javascript
利用Decorator如何控制Koa路由详解
Jun 26 Javascript
js实现图片放大并跟随鼠标移动特效
Jan 18 Javascript
js实现倒计时器自定义时间和暂停
Feb 25 Javascript
Node.js API详解之 os模块用法实例分析
May 06 Javascript
JavaScript实现无限轮播效果
Nov 19 Javascript
layui监听单元格编辑前后交互的例子
Sep 16 #Javascript
基于Vue.js与WordPress Rest API构建单页应用详解
Sep 16 #Javascript
Layui弹出层 加载 做编辑页面的方法
Sep 16 #Javascript
解决layer弹出层自适应页面大小的问题
Sep 16 #Javascript
手把手15分钟搭一个企业级脚手架
Sep 16 #Javascript
layer弹出层自适应高度,垂直水平居中的实现
Sep 16 #Javascript
JS多个异步请求 按顺序执行next实现解析
Sep 16 #Javascript
You might like
基于php中使用excel的简单介绍
2013/08/02 PHP
Laravel框架表单验证详解
2014/09/04 PHP
PHP+Mysql+jQuery中国地图区域数据统计实例讲解
2015/10/10 PHP
javascript实现划词标记+划词搜索功能
2007/03/06 Javascript
firefox插件Firebug的使用教程
2010/01/02 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
2013/08/21 Javascript
jQuery对Select的操作大集合(收藏)
2013/12/28 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
2014/06/12 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
2014/12/29 Javascript
jQuery插件bxSlider实现响应式焦点图
2015/04/12 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
2016/10/13 Javascript
JavaScript中String对象的方法介绍
2017/01/04 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
2017/05/08 Javascript
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
Angular2生命周期钩子函数的详细介绍
2017/07/10 Javascript
通俗易懂地解释JS中的闭包
2017/10/23 Javascript
详解离线安装npm包的几种方法
2018/11/25 Javascript
[02:43]2018DOTA2亚洲邀请赛主赛事首日TOP5
2018/04/04 DOTA
python批量提交沙箱问题实例
2014/10/08 Python
酷! 程序员用Python带你玩转冲顶大会
2018/01/17 Python
详解如何将python3.6软件的py文件打包成exe程序
2018/10/09 Python
python 找出list中最大或者最小几个数的索引方法
2018/10/30 Python
Django框架模板注入操作示例【变量传递到模板】
2018/12/19 Python
解决pycharm下pyuic工具使用的问题
2020/04/08 Python
python学习笔记之多进程
2020/08/06 Python
历史专业学生的自我评价
2014/02/28 职场文书
2014年教师节寄语
2014/04/03 职场文书
创业培训计划书
2014/05/03 职场文书
中秋晚会策划方案
2014/06/12 职场文书
2014年“世界无车日”活动方案
2014/09/21 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
党的群众路线教育实践活动个人对照检查材料(教师)
2014/11/04 职场文书
2014年个人工作总结模板
2014/12/15 职场文书
公司董事任命书
2015/09/21 职场文书
单位提档介绍信
2015/10/22 职场文书
优秀党员主要事迹材料
2015/11/04 职场文书