layui使用templet格式化表格数据的方法
2019-09-16 11:02
5398 查看
增加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格式化表格数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 关于使用layui获取表格复选框选中的数据的方法
- 使用LayUI操作数据表格
- springmvc 使用@responsebody返回数据时,使用自定义的格式化Float的方法
- 使用LayUI操作数据表格
- 关于layui2.2.x版本使用table表格,刷新后table数据消失的问题
- SQL高级应用之使用SQL查询Excel表格数据的方法
- 使用navicat导入excel表格数据到postgresql报错解决方法
- 使用layui 渲染table数据表格的实例代码
- 关于layUI获取表格中复选框对应数据的方法
- Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
- 在ie9之中无法使用ajax的问题以及解决方案(以及layui的数据表格解决方案)
- SQL高级应用之使用SQL查询Excel表格数据的方法
- layui数据表格时间戳转换为时间格式的方法
- JAVA中使用format()方法格式化数据(日期转换,货币)
- Layui数据表格之获取表格中所有的数据方法
- LayUi中接口传数据成功,表格不显示数据的解决方法
- element-ui 表格数据时间格式化的方法
- 打开U盘,出现使用驱动器X:中的光盘之前需要将其格式化 数据恢复方法
- 在easyui框架中使用JS和window.open方法提交数据至Servlet并导出POI数据表格
- bootstrap和layui表格使用方法