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 相关文章推荐
基于jQuery的倒计时插件代码
May 07 Javascript
JavaScript监听和禁用浏览器回车事件实例
Jan 31 Javascript
被遗忘的javascript的slice() 方法
Apr 20 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
Aug 27 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
Sep 16 Javascript
JavaScript识别网页关键字并进行描红的方法
Nov 09 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
Bootstrap选项卡与Masonry插件的完美结合
Jul 06 Javascript
jQuery元素选择器实例代码
Feb 06 Javascript
js 动态生成html 触发事件传参字符转义的实例
Feb 14 Javascript
js实现下一页页码效果
Mar 07 Javascript
详解JavaScript中的函数、对象
Apr 01 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
php数据结构与算法(PHP描述) 查找与二分法查找
2012/06/21 PHP
PHP defined()函数的使用图文详解
2019/07/20 PHP
PHP设计模式概论【概念、分类、原则等】
2020/05/01 PHP
jQuery提交表单ajax查询实例代码
2012/10/07 Javascript
用jquery修复在iframe下的页面锚点失效问题
2014/08/22 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
2015/03/14 Javascript
AngularJS内建服务$location及其功能详解
2016/07/01 Javascript
Three.js学习之网格
2016/08/10 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
2016/12/30 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
详解Vue 非父子组件通信方法(非Vuex)
2017/05/24 Javascript
基于vue 动态加载图片src的解决方法
2018/02/05 Javascript
vue2.0实现前端星星评分功能组件实例代码
2018/02/12 Javascript
Angularjs实现页面模板清除的方法
2018/07/20 Javascript
vue修改对象的属性值后页面不重新渲染的实例
2018/08/09 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
2019/01/15 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
2020/04/16 Javascript
详解Vue依赖收集引发的问题
2019/04/22 Javascript
JS+CSS实现过渡特效
2021/01/02 Javascript
[04:01]2014DOTA2国际邀请赛 TITAN告别Ohaiyo期望明年再战
2014/07/15 DOTA
横向对比分析Python解析XML的四种方式
2016/03/30 Python
python下实现二叉堆以及堆排序的示例
2017/09/29 Python
对python操作kafka写入json数据的简单demo分享
2018/12/27 Python
Python爬虫JSON及JSONPath运行原理详解
2020/06/04 Python
使用Django的JsonResponse返回数据的实现
2021/01/15 Python
HTML5图片层叠的实现示例
2020/07/07 HTML / CSS
如何将整数int转换成字串String
2014/03/21 面试题
自主招生自荐信
2013/12/08 职场文书
关于读书的演讲稿800字
2014/08/27 职场文书
泸县召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
安全生产先进个人事迹材料
2014/12/30 职场文书
电力安全学习心得体会
2016/01/18 职场文书
Python 发送SMTP邮件的简单教程
2021/06/24 Python
python双向链表实例详解
2022/05/25 Python