vue element ui table 某列格式化时间

如果你使用 Vue 和 Element UI 的 Table 组件来显示数据，而你需要格式化其中一列的时间，你可以使用 Element UI 的 Table 组件提供的 `formatter` 属性。

例如，假设你有一个数据数组 `tableData`，其中包含一个 `createAt` 字段，表示创建时间：

[
  { id: 1, name: 'John', createAt: '2021-01-01 12:00:00' },
  { id: 2, name: 'Jane', createAt: '2021-01-02 13:00:00' },
  { id: 3, name: 'Bob', createAt: '2021-01-03 14:00:00' },
]

如果你想要将 `createAt` 字段格式化为类似 `2021-01-01 12:00:00` 的样式，你可以使用 `formatter` 属性来实现：

<el-table :data="tableData">
  <el-table-column prop="id" label="ID"></el-table-column>
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="createAt" label="Create At" :formatter="formatCreateAt"></el-table-column>
</el-table>

在上面的代码中，我们定义了一个 `formatCreateAt` 方法来格式化 `createAt` 字段：

methods: {
  formatCreateAt(row, column) {
    return new Date(row.createAt).toLocaleString()
  }
}

在 `formatCreateAt` 方法中，我们将 `createAt` 字段转换为 `Date` 对象，然后使用 `toLocaleString` 方法将其格式化为本地时间字符串。

这样，当你渲染表格时，`Create At` 列中的时间就会显示为格式化后的时间字符串了。