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格式化表格数据的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • layui表格数据重载

    本文实例为大家分享了Java实现图片旋转.指定图像大小.水平翻转,供大家参考,具体内容如下 html代码 <div class="wrap-container clearfix"> <div class="column-content-detail"> <form class="layui-form" action=""> <div class="layui-form-ite

  • layui表格数据复选框回显设置方法

    layui2.3版本,本身并不带有复选框回显功能,那么需要从源头解决此事,F12代码调试,找到与复选框关联的地方发现: 我们只需要在渲染数据回调时找到每个复选框根据数据的不同来设置回显. layui这里有一个坑,设置class属性后会造成二次点击效果,千万不要手动修改class属性,那么应该怎么办呢? 每次**点击**其中一个复选框时都会增加一个class属性,第二次点击又会给删除: table.render({ elem: '#LAY_table_topic', url: '/admin/to

  • layui异步加载table表中某一列数据的例子

    layui中table加载数据时 如果数据存放在不同数据表中 那样一个请求拼接每行表格数据 然后统一返回 太慢 //页面加载时请求 另一张表的数据 var slotGroup; admin.req({ url: '请求地址' , method: 'POST' , dataType: "json" , async: false , success: function (res) { slotGroup = res.data; console.log(slotGroup) } }); ta

  • 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")

  • php将HTML表格每行每列转为数组实现采集表格数据的方法

    本文实例讲述了php将HTML表格每行每列转为数组实现采集表格数据的方法.分享给大家供大家参考.具体如下: 下面的php代码可以将HTML表格的每行每列转为数组,采集表格数据 <?php function get_td_array($table) { $table = preg_replace("'<table[^>]*?>'si","",$table); $table = preg_replace("'<tr[^>]*

  • Bootstrap table表格初始化表格数据的方法

    一.项目说明 ①此项目是ASP.NET项目,开发语言是C# ②bootstrap-table使用需要下载对应的css和js插件 ③具体详情还需查看api文档 二.前端代码 <div class="table-responsive"> <table id="table" class="text-nowrap"> </table> </div> [说明] ①text-nowrap设置表格超出不换行而显示

  • PyQT5 实现快捷键复制表格数据的方法示例

    本文主要介绍了PyQT5 实现快捷键复制表格数据的方法示例,分享给大家,具体如下: 表格数据如下: # -*- coding:utf-8 -*- import pyperclip from PyQt5.QtWidgets import QApplication, QWidget from PyQt5.QtGui import QStandardItemModel, QStandardItem from PyQt5.QtCore import Qt from PyQt5 import QtCore

  • C#读取word中表格数据的方法实现

    前些日子有一个项目需要从word文件中取表格数据并进行处理,网上大部分方案都是基于office的com组件实现,但是这样有一个缺点,如果电脑里没有安装office将无法使用,因为之前操作excel都是使用的NPOI,所以理所当然的想用NPOI解决此问题. 于是找到了如下代码 private List<string> GetDoc(string Path) { if (Path == "") return null; //文件路径为空 List<string> R

  • java导出数据库中Excel表格数据的方法

    本篇文章基于java把数据库中的数据以Excel的方式导出,欢迎各位大神吐槽: 1.基于maven jar包引入如下: <dependency> <groupId>net.sourceforge.jexcelapi</groupId> <artifactId>jxl</artifactId> <version>2.6.12</version> </dependency> 2.首先创建数据库对应的实体类VO :U

  • SQL高级应用之使用SQL查询Excel表格数据的方法

    复制代码 代码如下: exec sp_configure 'show advanced options',1 reconfigure exec sp_configure 'Ad Hoc Distributed Queries',1 reconfigure 复制代码 代码如下: SELECT * FROM OPENDATASOURCE('Microsoft.Jet.OLEDB.4.0', 'Data Source=E:\HaierWeb\MyWeb\Doc\abc.xls;Extended Pro

  • PHP自定义函数格式化json数据示例

    本文实例讲述了PHP自定义函数格式化json数据的方法.分享给大家供大家参考,具体如下: <?php /** * Formats a JSON string for pretty printing * * @param string $json The JSON to make pretty * @param bool $html Insert nonbreaking spaces and <br />s for tabs and linebreaks * @return string

  • C#中获取数据的方法实例

    C#中获取数据的方法实例

    之前学习的MVC的时候,想在项目里面的获取表格的数据是直接从数据库里面直接获取,然后写入方法,实现查询表格的数据,现在学习了C#,要经过三方查询,先在数据库查询字段,然后服务端调用存储过程和方法,再在客户端实例化服务端,是先从数据库把数据查询出来,比如: 要创建一个存储过程,跟之前的学习MVC数据库查询数据是差不多的,不同的是多了一个存储过程的方法.然后在VS里面,分成了两部分,一个服务端,一个客户端,所以是,服务端获取数据库的数据,客户端获取服务端的数据(表达不好,请勿在意细节)服务器在数据库

随机推荐