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 相关文章推荐
eclipse导入jquery包后报错的解决方法
Feb 17 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
JS实现部分HTML固定页面顶部随屏滚动效果
Dec 24 Javascript
Node.js插件安装图文教程
May 06 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
May 31 Javascript
深入浅析search 搜索框的写法
Aug 02 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
Mar 17 Javascript
详解vuejs之v-for列表渲染
Jun 22 Javascript
基于vue2实现上拉加载功能
Nov 28 Javascript
如何为vuex实现带参数的 getter和state.commit
Jan 04 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
Apr 08 Javascript
Vue3如何理解ref toRef和toRefs的区别
Feb 18 Vue.js
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
丧钟首部独立剧集《丧钟:骑士与龙》北美正式开播,场面血腥
2020/04/09 欧美动漫
php ckeditor上传图片文件名乱码解决方法
2013/11/15 PHP
PHP实现的交通银行网银在线支付接口ECSHOP插件和使用例子
2014/05/10 PHP
PHP传参之传值与传址的区别
2015/04/24 PHP
PHP新特性之字节码缓存和内置服务器
2017/08/11 PHP
JavaScript 中的replace方法说明
2007/04/13 Javascript
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
2013/11/18 Javascript
JS 日期比较大小的简单实例
2014/01/13 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
javascript实现无法关闭的弹框
2016/11/27 Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
2016/12/09 Javascript
浅析node应用的timing-attack安全漏洞
2018/02/28 Javascript
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
详解Vue前端生产环境发布配置实战篇
2019/05/07 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
Vue中父子组件的值传递与方法传递
2020/09/28 Javascript
[50:50]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第一场 12.10
2020/12/13 DOTA
Python多线程编程(六):可重入锁RLock
2015/04/05 Python
python实现字符串连接的三种方法及其效率、适用场景详解
2017/01/13 Python
利用Python在一个文件的头部插入数据的实例
2018/05/02 Python
对pandas处理json数据的方法详解
2019/02/08 Python
Windows下PyCharm2018.3.2 安装教程(图文详解)
2019/10/24 Python
浅谈SciPy中的optimize.minimize实现受限优化问题
2020/02/29 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
python 深度学习中的4种激活函数
2020/09/18 Python
Python中三维坐标空间绘制的实现
2020/09/22 Python
使用Python通过oBIX协议访问Niagara数据的示例
2020/12/04 Python
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
美国Rue La La闪购网站:奢侈品、中高档品牌限时折扣
2016/10/19 全球购物
百思买加拿大:Best Buy Canada
2018/03/20 全球购物
商学院大学生求职的自我评价
2014/03/12 职场文书
酒店开业庆典主持词
2014/03/21 职场文书
企业授权委托书范本
2014/04/02 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
MySQL 查询速度慢的原因
2021/05/25 MySQL
Web应用开发TypeScript使用详解
2022/05/25 Javascript