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 相关文章推荐
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
Apr 27 Javascript
关于URL中的特殊符号使用介绍
Nov 03 Javascript
服务器端的JavaScript脚本 Node.js 使用入门
Mar 07 Javascript
jquery 获取dom固定元素 添加样式的简单实例
Feb 04 Javascript
jquery实现左右滑动菜单效果代码
Aug 27 Javascript
Angularjs手动解析表达式($parse)
Oct 12 Javascript
微信小程序本地缓存数据增删改查实例详解
May 24 Javascript
帝国cms首页列表页实现点赞功能
Oct 30 Javascript
vue better-scroll插件使用详解
Jan 25 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
Nov 08 Javascript
javascript 关于赋值、浅拷贝、深拷贝的个人理解
Nov 01 Javascript
vue点击页面空白处实现保存功能
Nov 06 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
百事可乐也出咖啡了 双倍咖啡因双倍快乐
2021/03/03 咖啡文化
DISCUZ 论坛管理员密码忘记的解决方法
2009/05/14 PHP
PHP写的获取各搜索蜘蛛爬行记录代码
2012/08/21 PHP
PHP中定义数组常量(array常量)的方法
2014/11/17 PHP
浅谈php错误提示及查错方法
2015/07/14 PHP
php制作基于xml的RSS订阅源功能示例
2017/02/08 PHP
javascript form 验证函数 弹出对话框形式
2009/06/23 Javascript
查询绑定数据岛的表格中的文本并修改显示方式的js代码
2009/12/15 Javascript
jQuery学习笔记之jQuery的DOM操作
2010/12/22 Javascript
JavaScript中获取未知对象属性的代码
2011/04/27 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
javascript中return,return true,return false三者的用法及区别
2015/11/17 Javascript
jquery实现全选、反选、获得所有选中的checkbox
2020/09/13 Javascript
微信小程序实现图片放大预览功能
2020/10/22 Javascript
微信小程序基于本地缓存实现点赞功能的方法
2017/12/18 Javascript
vue.js中created方法作用
2018/03/30 Javascript
angular2 组件之间通过service互相传递的实例
2018/09/30 Javascript
微信小程序http连接访问解决方案的示例
2018/11/05 Javascript
微信小程序实现简易table表格
2020/06/19 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
2019/11/19 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
[00:37]DOTA2上海特级锦标赛 OG战队宣传片
2016/03/03 DOTA
python获取网页状态码示例
2014/03/30 Python
解读Django框架中的低层次缓存API
2015/07/24 Python
Python for循环中的陷阱详解
2018/07/13 Python
python+webdriver自动化环境搭建步骤详解
2019/06/03 Python
Python 基于jwt实现认证机制流程解析
2020/06/22 Python
python文件操作seek()偏移量,读取指正到指定位置操作
2020/07/05 Python
汽车运用工程毕业生自荐信
2013/10/29 职场文书
大学生求职计划书
2014/04/30 职场文书
大学新生入学教育方案
2014/05/16 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
小型婚礼主持词
2015/06/30 职场文书
Python自动化工具之实现Excel转Markdown表格
2022/04/08 Python
Java后端 Dubbo retries 超时重试机制的解决方案
2022/04/14 Java/Android
关于Redis的主从复制及哨兵问题
2022/06/16 Redis