Layer UI表格列日期格式化及取消自动填充日期的实

模板素材 2025-05-15 06:03www.dzhlxh.cn模板素材

一、日期列的格式化

```html

templet: "

{{{ layui.util.toDateString(d.DEMURRAGE_FREE_DAYS_STOP_DATE, 'yyyy/MM/dd') }}}

```

样例展示：

当我们在大量字段中应用此代码后，可能会遇到一个头疼的问题——Layer UI框架的自动填充日期功能。

当字段返回值为NULL时，它会自动填充为当前时间。为了解决这个问题，我们可以利用格式化日期的方式重新判断当前值。

二、取消自动填充日期

针对自动填充问题，我们可以采用以下方法：

对于字段如'NOTICE_DATE'，只有在值不为空的情况下才进行格式化，否则保持为空。代码如下：

```html

{ field: 'NOTICE_DATE', width: 155, title: '报关单放行日期', align: 'center', templet : "NOTICE_DATE_TIME" }

@NOTICE_DATE_TIME@

```

日期格式化的灵活性

除了上述的日期格式，你还可以根据需求更换，如加入时间：

`layui.util.toDateString(d.DEMURRAGE_FREE_DAYS_STOP_DATE, 'yyyy/MM/dd HH:mm:ss')`

三、总结

在追求界面美观与用户体验的我们也不能忽视背后的技术细节。掌握这些技巧，将让你的Layer UI应用更加完美！