Vue + Element 将前端时间戳转换成日期格式

目录

方法1：

 方法2：

---

方法1：

只需执行这些代码

npm install moment

import moment from 'moment'

:formatter="dateFormat"

 //时间格式化-S
    dateFormat(row, column) {
      var date = row[column.property];
      if (date == undefined) {
        return "";
      }
      return moment(date).format("YYYY-MM-DD HH:mm:ss");
    },

1、下载第三方插件

npm install moment

2、在需要转换时间的vue页面引入插件

import moment from 'moment'

 3、给需要转换的el-table-column添加 :formatter

:formatter="dateFormat"

 4、编写dateFormat方法

    //时间格式化-S
    dateFormat(row, column) {
      var date = row[column.property];
      if (date == undefined) {
        return "";
      }
      return moment(date).format("YYYY-MM-DD HH:mm:ss");
    },

 方法2：

只需执行这些代码

 :formatter="dateFormat"

    dateFormat(row, column, cellValue, index) {
      return new Date(cellValue).toLocaleString();
    },

1、给需要转换的el-table-column添加 :formatter

2、编写dateFormat方法

    dateFormat(row, column, cellValue, index) {
      return new Date(cellValue).toLocaleString();
    },