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 学习 几种常用方法
Jun 11 Javascript
jquery果冻抖动效果实现方法
Jan 15 Javascript
常用的Javascript数据验证插件
Aug 04 Javascript
通过jsonp获取json数据实现AJAX跨域请求
Jan 22 Javascript
Vue监听数组变化源码解析
Mar 09 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
微信小程序实现顶部选项卡(swiper)
Jun 19 Javascript
Array数组对象中的forEach、map、filter及reduce详析
Aug 02 Javascript
利用vue.js把静态json绑定bootstrap的table方法
Aug 28 Javascript
VSCode搭建Vue项目的方法
Apr 30 Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 09 Javascript
js实现简单的随机点名器
Sep 17 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
Yii2中多表关联查询hasOne hasMany的方法
2017/02/15 PHP
详谈php ip2long 出现负数的原因及解决方法
2017/04/05 PHP
jQuery 对象中的类数组操作
2009/04/27 Javascript
JS 实现完美include载入实现代码
2010/08/05 Javascript
JS 实现获取打开一个界面中输入的值
2013/03/19 Javascript
JS判断对象是否存在的10种方法总结
2013/12/23 Javascript
jQuery实现多级下拉菜单jDropMenu的方法
2015/08/28 Javascript
jquery专业的导航菜单特效代码分享
2015/08/29 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
2017/03/30 Javascript
node.js中fs.stat与fs.fstat的区别详解
2017/06/01 Javascript
了解VUE的render函数的使用
2017/06/08 Javascript
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
vue 之 .sync 修饰符示例详解
2018/04/21 Javascript
使用webpack4编译并压缩ES6代码的方法示例
2019/04/24 Javascript
浅谈对于“不用setInterval,用setTimeout”的理解
2019/08/28 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
Node.js API详解之 console模块用法详解
2020/05/12 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
2020/08/19 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
2020/10/13 Javascript
如何将python中的List转化成dictionary
2016/08/15 Python
pandas 选择某几列的方法
2018/07/03 Python
python使用matplotlib画饼状图
2018/09/25 Python
使用Python批量修改文件名的代码实例
2019/01/24 Python
Pyqt5如何让QMessageBox按钮显示中文示例代码
2019/04/11 Python
python tkinter canvas使用实例
2019/11/04 Python
CSS3中的@keyframes关键帧动画的选择器绑定
2016/06/13 HTML / CSS
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
2014/05/15 HTML / CSS
Topshop美国官网:英国快速时尚品牌
2019/05/16 全球购物
毕业生就业推荐信范文
2013/12/01 职场文书
自荐书4要点
2014/01/25 职场文书
售前工程师职业生涯规划
2014/03/02 职场文书
基层党员群众路线整改措施及努力方向
2014/10/28 职场文书
国家助学金感谢信
2015/01/21 职场文书
公司员工培训管理制度
2015/08/04 职场文书
Python 数据科学 Matplotlib图库详解
2021/07/07 Python
PostgreSQL聚合函数介绍以及分组和排序
2022/04/12 PostgreSQL