Layer UI表格列日期格式化及取消自動填充日期的實(shí)現(xiàn)方法
更新時(shí)間：2020年05月10日 09:05:50 作者：心中Where_True循環(huán)
這篇文章主要介紹了Layer UI表格列日期格式化及取消自動填充日期的實(shí)現(xiàn)方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
Layer UI表格列日期格式化方法較為強(qiáng)大 也比較簡單
針對需要格式化的表格列 添加以下代碼即可
,templet : "
<div>
{
{
layui.util.toDateString(d.DEMURRAGE_FREE_DAYS_STOP_DATE, 'yyyy/MM/dd')
}
}
</div>"
樣例
當(dāng)替換了大批字段之后 運(yùn)行之后 發(fā)現(xiàn)踩了一個(gè)大坑 那就是Layer ui框架會自動填充日期
若當(dāng)前字段返回值為NULL 他會自動填充日期為當(dāng)前時(shí)間
查了不少方法后找到了比較有效的方法
如下
利用格式化日期 重現(xiàn)判斷當(dāng)前值
, { field: 'NOTICE_DATE', width: 155, title: '報(bào)關(guān)單放行日期', 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>"
總結(jié)
到此這篇關(guān)于Layer UI表格列日期格式化及取消自動填充日期的實(shí)現(xiàn)方法的文章就介紹到這了,更多相關(guān)Layer UI表格列內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
今天小編就為大家分享一篇Layui表格監(jiān)聽行單雙擊事件講解，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
前端優(yōu)雅實(shí)現(xiàn)防抖和節(jié)流的幾種方法示例
這篇文章主要介紹了防抖和節(jié)流兩種優(yōu)化前端事件處理的技術(shù),詳細(xì)解釋了它們的基本概念和應(yīng)用場景,通過示例代碼展示了防抖和節(jié)流的實(shí)現(xiàn)方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)之使用云數(shù)據(jù)庫，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
utf-8編碼引起document.writeln輸出中文亂碼的解決辦法2010-06-06
這篇文章主要介紹了JavaScript的內(nèi)存釋放問題詳解的相關(guān)資料,需要的朋友可以參考下2015-01-01
JavaScript中window.open用法實(shí)例詳解
這篇文章主要介紹了JavaScript中window.open用法,實(shí)例分析了window.open方法的功能、參數(shù)及使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了button選擇顏色簡單實(shí)例，有需要的朋友可以參考一下2013-11-11
本文為大家介紹下javascript中typeof的使用，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)留言板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
淺談Webpack4 plugins 實(shí)現(xiàn)原理
在wabpack 核心功能除了loader應(yīng)該就是plugins插件了，本文主要介紹了Webpack4 plugins 實(shí)現(xiàn)原理，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09