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 相关文章推荐
JS简单的图片放大缩小的两种方法
Nov 11 Javascript
jQuery实现网页抖动的菜单抖动效果
Aug 07 Javascript
jquery对dom节点的操作【推荐】
Apr 15 Javascript
javascript基于原型链的继承及call和apply函数用法分析
Dec 15 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
Mar 01 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
Jun 22 Javascript
Vue.extend构造器的详解
Jul 17 Javascript
javascript算法之二叉搜索树的示例代码
Sep 12 Javascript
vue路由跳转时判断用户是否登录功能的实现
Oct 26 Javascript
微信小程序搭建自己的Https服务器
May 02 Javascript
Vue+Django项目部署详解
May 30 Javascript
Element Notification通知的实现示例
Jul 27 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生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
PHP常量使用的几个需要注意的地方(谨慎使用PHP中的常量)
2014/09/12 PHP
php_pdo 预处理语句详解
2016/11/21 PHP
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
javascript实时显示当天日期的方法
2015/05/20 Javascript
jQuery实现加入收藏夹功能(主流浏览器兼职)
2016/12/24 Javascript
详解Javascript几种跨域方式总结
2017/02/27 Javascript
Vue非父子组件通信详解
2017/06/12 Javascript
angularjs+bootstrap实现自定义分页的实例代码
2017/06/19 Javascript
echarts整合多个类似option的方法实例
2018/07/10 Javascript
Bootstrap Table实现定时刷新数据的方法
2018/08/13 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
2018/09/28 Javascript
CKEditor4配置与开发详细中文说明文档
2018/10/08 Javascript
node.js中module模块的功能理解与用法实例分析
2020/02/14 Javascript
javascript异常处理实现原理详解
2020/02/17 Javascript
[05:08]DOTA2-DPC中国联赛3月6日Recap集锦
2021/03/11 DOTA
Python二分法搜索算法实例分析
2015/05/11 Python
Python编程之string相关操作实例详解
2017/07/22 Python
python多线程socket编程之多客户端接入
2017/09/12 Python
Python实现学生成绩管理系统
2020/04/05 Python
Form表单及django的form表单的补充
2019/07/25 Python
pyenv虚拟环境管理python多版本和软件库的方法
2019/12/26 Python
django 文件上传功能的相关实例代码(简单易懂)
2020/01/22 Python
Python基于staticmethod装饰器标示静态方法
2020/10/17 Python
专业幼师实习生自我鉴定范文
2013/12/08 职场文书
大学生就业意向书范文
2014/04/01 职场文书
新闻工作者先进事迹
2014/05/26 职场文书
母亲节演讲稿
2014/05/27 职场文书
国庆节演讲稿
2014/05/27 职场文书
2015年事业单位工作总结
2015/04/27 职场文书
学校党支部承诺书
2015/04/30 职场文书
党内外群众意见范文
2015/06/02 职场文书
对学校的意见和建议
2015/06/04 职场文书
贫困生证明范文
2015/06/16 职场文书
iOS 16进一步确认,一共支持16款iPhone
2022/04/28 数码科技
MySQL分布式恢复进阶
2022/07/23 MySQL