layui table中时间格式的问题

最新推荐文章于 2023-10-27 13:09:59 发布

用户147258369

最新推荐文章于 2023-10-27 13:09:59 发布

阅读量462

点赞数 1

分类专栏： html+js类文章标签： layui

本文链接：https://blog.youkuaiyun.com/hyq_07_27/article/details/118700544

版权

html+js类专栏收录该内容

28 篇文章

订阅专栏

博客内容讲述了在使用layui表格展示数据时遇到的一个问题：如何正确处理上传时间字段为空的情况。最初使用layui.util.toDateString转换日期格式，但当上传时间为空时，默认显示为当天日期。为解决这个问题，尝试了不同的模板语法，最终找到正确的解决方案是检查d.上传时间字段是否存在，若存在则转换日期，否则显示空值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先开始将长时间处理展示为短时间格式如下图：

{field:'上传时间',title:'上传时间',templet:'<div>{{layui.util.toDateString(d.上传时间, "yyyy-MM-dd") }}</div>'}

后来发现这样写，当上传时间为空时，显示的是当天的时间。

后修改为

{field:'上传时间',title:'上传时间',templet:'#time'}

<script type="text/html" id="time">
    {{#  if(d.上传时间 != null){ }}
    <div>{{layui.util.toDateString(d.上传时间, 'yyyy-MM-dd')}}</div>
    {{#  } else {}}
    <div>{{}}</div>
    {{#  } }}
</script>

发现这样也不行。

应该是：

{field:'上传时间',title:'上传时间',templet:'#time'}

<script type="text/html" id="time">
    {{#  if(d.上传时间){ }}
    <div>{{layui.util.toDateString(d.上传时间, 'yyyy-MM-dd')}}</div>
    {{#  } else {}}
    <div>{{}}</div>
    {{#  } }}
</script>