Layer UI表格列日期格式化及取消自动填充日期的实现方法


Posted in Javascript onMay 10, 2020

Layer UI表格列日期格式化方法较为强大 也比较简单

针对需要格式化的表格列 添加以下代码即可

,templet : "
<div>
{
{
layui.util.toDateString(d.DEMURRAGE_FREE_DAYS_STOP_DATE, 'yyyy/MM/dd')
}
}
</div>"

样例

Layer UI表格列日期格式化及取消自动填充日期的实现方法

当替换了大批字段之后 运行之后 发现踩了一个大坑 那就是Layer ui框架会自动填充日期

若当前字段返回值为NULL 他会自动填充日期为当前时间

查了不少方法后找到了比较有效的方法

如下

利用格式化日期 重现判断当前值

, { field: 'NOTICE_DATE', width: 155, title: '报关单放行日期', align: 'center' ,
templet : "#NOTICE_DATE_TIME" }

@*NOTICE_DATE_TIME*@
<script type="text/html" id="NOTICE_DATE_TIME">
 {{# if(d.NOTICE_DATE !=null){ }}
 <div>{{layui.util.toDateString(d.NOTICE_DATE, 'yyyy/MM/dd')}}</div>
 {{# } else {}}
 <div>{{}}</div>
 {{# } }}
</script>

只有不为空得情况下使用格式化 否则不适用

日期格式化也可以更换日期格式如:

,templet : "<div>
{
{
layui.util.toDateString(d.DEMURRAGE_FREE_DAYS_STOP_DATE, 'yyyy/MM/dd')
}
}
</div>"
 ,templet : "<div>
{
{
layui.util.toDateString(d.DEMURRAGE_FREE_DAYS_STOP_DATE, 'yyyy/MM/dd HH:mm:ss' )
}
}
</div>"

总结

到此这篇关于Layer UI表格列日期格式化及取消自动填充日期的实现方法的文章就介绍到这了,更多相关Layer UI表格列内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
用javascript动态调整iframe高度的方法
Mar 06 Javascript
javascript 判断数组是否已包含了某个元素的函数
May 30 Javascript
jQuery学习笔记之控制页面实现代码
Feb 27 Javascript
javascript中为某个元素指定事件的三种方式
Aug 07 Javascript
jQuery的css()方法用法实例
Dec 24 Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 Javascript
JS+CSS3模拟溢出滚动效果
Aug 12 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
详解Angular路由 ng-route和ui-router的区别
May 22 Javascript
vue中实现Monaco Editor自定义提示功能
Jul 05 Javascript
vue实现淘宝购物车功能
Apr 20 Javascript
Element中Slider滑块的具体使用
Jul 29 Javascript
angula中使用iframe点击后不执行变更检测的问题
May 10 #Javascript
JavaScript 装逼指南(js另类写法)
May 10 #Javascript
js中!和!!的区别与用法
May 09 #Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
May 09 #Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
May 09 #Javascript
js根据后缀判断文件文件类型的代码
May 09 #Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
May 09 #Javascript
You might like
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
PHP高级OOP技术演示
2009/08/27 PHP
php数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
浅析PHP原理之变量(Variables inside PHP)
2013/08/09 PHP
Yii使用find findAll查找出指定字段的实现方法
2014/09/05 PHP
Linux下源码包安装Swoole及基本使用操作图文详解
2019/04/02 PHP
PHP正则表达式函数preg_replace用法实例分析
2020/06/04 PHP
基于PHP实现发微博动态代码实例
2020/12/11 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
jQuery.form插件的使用及跨域异步上传文件
2016/04/27 Javascript
js从外部获取图片的实现方法
2016/08/05 Javascript
vue实现简单实时汇率计算功能
2017/01/15 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
2017/01/19 Javascript
移动端利用H5实现压缩图片上传功能
2017/03/29 Javascript
jQuery使用unlock.js插件实现滑动解锁
2017/04/04 jQuery
js简单实现网页换肤功能
2017/04/07 Javascript
使用nodejs+express实现简单的文件上传功能
2017/12/27 NodeJs
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
一个基于react的图片裁剪组件示例
2018/04/18 Javascript
JavaScript中arguments的使用方法详解
2020/12/20 Javascript
一个简单的python程序实例(通讯录)
2013/11/29 Python
Windows系统配置python脚本开机启动的3种方法分享
2015/03/10 Python
python多任务及返回值的处理方法
2019/01/22 Python
Python tkinter实现图片标注功能(完整代码)
2019/12/08 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
python requests库的使用
2021/01/06 Python
python实现图片转字符画的完整代码
2021/02/21 Python
pytho matplotlib工具栏源码探析一之禁用工具栏、默认工具栏和工具栏管理器三种模式的差异
2021/02/25 Python
美国农场商店:Blain’s Farm & Fleet
2020/01/17 全球购物
结婚邀请函范文
2014/01/14 职场文书
挂职学习心得体会
2014/09/09 职场文书
复试通知单模板
2015/04/24 职场文书
表扬信格式模板
2015/05/05 职场文书
初中体育课教学反思
2016/02/16 职场文书
你为什么是穷人?可能是这5个缺点造成
2019/07/11 职场文书
零基础学java之循环语句的使用
2022/04/10 Java/Android