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

hat-ing

于 2023-09-13 17:50:40 发布

阅读量310

点赞数 1

CC 4.0 BY-SA版权

文章标签： elementui vue.js 前端

本文链接：https://blog.youkuaiyun.com/ating_ing/article/details/132859998

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

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

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');
      }
    },

这样即可