Layer UI表格列日期格式化及取消自動填充日期的實現(xiàn)方法
Layer UI表格列日期格式化方法較為強大 也比較簡單
針對需要格式化的表格列 添加以下代碼即可
,templet : "
<div>
{
{
layui.util.toDateString(d.DEMURRAGE_FREE_DAYS_STOP_DATE, 'yyyy/MM/dd')
}
}
</div>"
樣例

當替換了大批字段之后 運行之后 發(fā)現(xiàn)踩了一個大坑 那就是Layer ui框架會自動填充日期
若當前字段返回值為NULL 他會自動填充日期為當前時間
查了不少方法后找到了比較有效的方法
如下
利用格式化日期 重現(xiàn)判斷當前值
, { field: 'NOTICE_DATE', width: 155, title: '報關(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表格列日期格式化及取消自動填充日期的實現(xiàn)方法的文章就介紹到這了,更多相關(guān)Layer UI表格列內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
前端優(yōu)雅實現(xiàn)防抖和節(jié)流的幾種方法示例
這篇文章主要介紹了防抖和節(jié)流兩種優(yōu)化前端事件處理的技術(shù),詳細解釋了它們的基本概念和應(yīng)用場景,通過示例代碼展示了防抖和節(jié)流的實現(xiàn)方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-01-01

