LayUi前端页面时间的格式化

最新推荐文章于 2022-02-04 20:35:52 发布

原创最新推荐文章于 2022-02-04 20:35:52 发布 · 3.6k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端专栏收录该内容

10 篇文章

订阅专栏

本文介绍在LayUi前端框架中，如何使用内置的util方法将Table组件的数据列时间格式化为yyyy-MM-dd格式，通过templet函数实现对特定字段的格式定制。

LayUi前端Table页面数据渲染，如何进行时间的格式化？其实很简单：

layui.use(['util','table'], function(){
  var table = layui.table;
  var util = layui.util;
//...
  table.render({
//...
    ,cols: [[
//... 
      ,{field:'commPosttime', width:180, title: '评论时间',templet:function(d){return util.toDateString(d.commPosttime, "yyyy-MM-dd");}}
//...

在LayUi的Js方法中添加上方的设置，即可以把字段commPosttime的时间格式设置为：yyyy-MM-dd