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 延迟加载技术(lazyload)简单实现
Jan 17 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
Jan 24 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
May 07 Javascript
jquery ajax双击div可直接修改div中的内容
Mar 04 Javascript
卸载安装Node.js与npm过程详解
Aug 15 Javascript
详解AngularJS中的表单验证(推荐)
Nov 17 Javascript
如何让你的JS代码更好看易读
Dec 01 Javascript
RequireJS用法简单示例
Aug 20 Javascript
Angular8路由守卫原理和使用方法
Aug 29 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
Apr 16 Javascript
使用原生JS实现滚轮翻页效果的示例代码
May 31 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 jQuery
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截取中文字符串的问题
2006/07/12 PHP
攻克CakePHP系列三 表单数据增删改
2008/10/22 PHP
Iframe thickbox2.0使用的方法
2009/03/05 Javascript
javascript+mapbar实现地图定位
2010/04/09 Javascript
javaScript checkbox 全选/反选及批量删除
2010/04/28 Javascript
jQuery对象和DOM对象使用说明
2010/06/25 Javascript
jquery选择器(常用选择器说明)
2010/09/28 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
2012/08/14 Javascript
jquery制作搜狐快站页面效果示例分享
2014/02/21 Javascript
node.js中的path.dirname方法使用说明
2014/12/09 Javascript
js获取当前日期时间及其它操作汇总
2015/04/17 Javascript
AngularJS Module方法详解
2015/12/08 Javascript
js实现登录验证码
2016/12/22 Javascript
JavaScript实现前端分页控件
2017/04/19 Javascript
Iscrool下拉刷新功能实现方法(推荐)
2017/06/26 Javascript
深入学习nodejs中的async模块的使用方法
2017/07/12 NodeJs
如何从零开始利用js手写一个Promise库详解
2018/04/19 Javascript
详解开发react应用最好用的脚手架 create-react-app
2018/04/24 Javascript
JavaScript事件对象event用法分析
2018/07/27 Javascript
JavaScript防止全局变量污染的方法总结
2018/08/02 Javascript
nodeJS与MySQL实现分页数据以及倒序数据
2020/06/05 NodeJs
python下如何查询CS反恐精英的服务器信息
2017/01/17 Python
使用Python实现windows下的抓包与解析
2018/01/15 Python
Python+matplotlib绘制不同大小和颜色散点图实例
2018/01/19 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
python实现生成Word、docx文件的方法分析
2019/08/30 Python
Python PyQt5整理介绍
2020/04/01 Python
MxNet预训练模型到Pytorch模型的转换方式
2020/05/25 Python
使用html2canvas实现浏览器截图的示例代码
2018/01/26 HTML / CSS
计算机专业自我鉴定
2013/10/15 职场文书
优秀党员自我评价范文
2014/09/15 职场文书
走群众路线学习心得体会
2014/10/31 职场文书
2015年教师学期工作总结
2015/04/30 职场文书
2015年绩效考核工作总结
2015/05/23 职场文书
会议主持词通用版
2019/04/02 职场文书
斗罗大陆八大特殊魂兽,龙族始祖排榜首,第五最残忍(翠魔鸟)
2022/03/18 国漫