在layui表格中插入时间插件
有时候我们需要在表格中插入时间插件进行日期选择,所以我们可以在layui表格中插入时间插件。因为我们使用了layui插件,因此在使用前要先引用layui插件里面的css文件以及js文件,然后在“$(function(){});”里面加载和初始化layui模块,否则会报错。templet属性为自定义列模板,模板遵循 laytpl 语法。这是一个非常实用的功能,你可借助它实现逻辑处理,以及将原始数据转化成其它格式,如时间戳转化为日期字符等,event属性为自定义单元格点击事件名,以便在 tool 事件中完成对该单元格的业务处理。在layui表格中插入时间插件有两种方法,两种方法的效果一样。首先我们需要加载和初始化layui模块,初始化表格数据。
利用templet属性自定义列模板,这里我们给每列中的使用日期插件加上一个唯一ID,sendID为数字自增,然后在前面加上“CompleteDate”,这样就保持ID唯一了。
接下来就是使用时间插件了,方法一是利用event属性,event属性为自定义单元格点击事件名,以便我们在 tool 事件中完成对该单元格的业务处理。elem为ID,把我们之前自定义的ID放进去即可;type:控件选择类型,默认值是date,只提供年、月、日,这里用datetime,提供年、月、日、时、分、秒选择;trigger:自定义弹出控件的事件,这里采用click弹出;show:设置为true,则控件默认显示在绑定元素的区域。通常用于外部事件调用控件;min/max:最小/大范围内的日期时间值;done:控件选择完毕后的回调,在这里可以拿到修改后的值,就可以在这里执行想要操作的效果。
方法二是直接在表格初始化的时候就调用done回调函数进行插入时间插件的,用此方法不需要添加event属性,只需要在for循环初始数据时直接添加时间插件。
无论使用哪种方法都可以在layui表格中插入时间插件,效果如下
在layui表格中插入时间插件相关推荐
- 在layui表格中显示图片
开发工具与关键技术:Visual Studio 2015 LINQ 作者:孙水兵 撰写时间:2019年6月16 一. 达到的效果 二. 代码 HTML代码 HTML代码还是和其他表格的类似,只需要在合 ...
- 代码生涯冲常见的的bug.例如layui表格中日期自动生成、eacharts 报表的重复点击事件
1.layui表格中日期不受控制的自动生成,这种情况往往是你设置了日期类型的强转 例 对于这种情况你需要定义templet模板 1. {field: 'outtime', title: '离开时间', ...
- 在网页中插入时间 自动更新
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- 用SQL语句向表格中插入数据
向表格中插入数据 SQL语言使用insert语句向数据库表格中插入或添加新的数据行.Insert语句的使用格式如下: insert into tablename (first_column,...la ...
- ?请问怎样将excel表格中的时间格式读取为字符串格式?
?请问怎样将excel表格中的时间格式读取为字符串格式? Delphi / Windows SDK/API http://www.delphi2007.net/DelphiNetwork/html/d ...
- es中的xpack插件下载_ppt中插入flash动画工具-PowerPoint中插入Flash插件下载电脑版...
PowerPoint中插入Flash插件是一款能帮助快速在PowerPoint中能插 Flash动画的插件工具,我们知道,有时在PowerPoint课件中为了更形象地说明问题,需要插入Flash动画. ...
- word文档表格中插入图片设置
word文档的表格中插入图片有时会出现半截现象. 1.设置段落,足够的高度,比如原先25磅,可以改为50磅: 2.插入图片后,用回车调整图片位置.
- layui table 每列加标签_【前端】layui表格中根据条件给对应的列加背景色
[前端]layui表格中根据条件给对应的列加背景色 [前端]layui表格中根据条件给对应的列加背景色 1.效果(根据条件动态给表格加背景色) 2.代码: 在我自己的项目中,由于条件比较多,提取出了一 ...
- layUI 表格中1:0转换成男女 if else数字转对应中文显示
layUI 表格中if else数字转对应中文显示 在将数据放入表格中进行列表展示时不可避免的需要进行类似于字典码转换的工作,比如说数据库中user表中的性别属性,表中为了读取操作的便利一般用0,1来 ...
- 往数据库中插入时间,与预期值相差8个小时(时区设置)
问题: 数据库中插入时间时,得到的结果比传入的时间不一致,少8个小时. 原因: 数据库连接时区设置的UTC (协调世界时间)或者GMT(格林尼治标准时间) 与中国时间不同,相差8个小时. 解决: 将数 ...
最新文章
- 大话存储pdf 百度网盘_学用系列亲身体验百度网盘内测在线文档,有遗憾也有期待...
- POJ 3436 -- ACM Computer Factory(最大流,建图)
- 《程序员面试金典》最大和子矩阵
- 使用 Cockpit 方便地管理容器
- python中的多线程求值串行和并行_python多线程和多进程——python并行编程实验
- 蓝牙学习笔记(九)——BLE超过20字节数据包传输(MTU)
- win7重新安装后删除文件权限不够(小技巧)
- ssh与tcp wappers
- ASP.NET中的图片缓存
- git SSH密钥生成及部署
- u盘带走的绿化wamp配置方式
- 淘宝人群标签时效时间 精准淘宝人群标签方法
- TI的C64X系列的DSPLib实现fft
- 手工定制眼镜将风靡中国(lyy bros)
- var foo = function(){} 和 function foo(){}
- 划重点!百度、阿里、腾讯大厂Android面试必问知识点系统梳理,啃一半公司随便挑
- Python之旅计算机基础篇
- C. Anu Has a Function
- IntentFilter简述
- 说说 exist 这个词