修改elementui表格中一长串时间的格式

最新推荐文章于 2024-10-15 14:24:57 发布

原创最新推荐文章于 2024-10-15 14:24:57 发布 · 323 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #前端

文章介绍了如何在前端使用el-table-column的formatter函数，将后端传来的包含特殊字符如20190112，的日期字符串，通过moment.js库转换为2019-01-12的格式。

1、后端传过来的数据是一串数字20190112，改成2019-01-12

    <el-table-column
        sortable
        align="center"
        prop="birthday"
        :formatter="dateFormat"
        label="出生日期"
      >
      </el-table-column>

  dateFormat: function (row, column) {
      var date = row[column.property];

      if (date == undefined) {
        return '';
      } else {
        return moment(date).format('YYYY-MM-DD');
      }
    },

这样即可