el-table-column时间戳转换
时间: 2023-08-24 20:19:01 浏览: 162
如果你使用的是 Element UI 的 el-table 和 el-table-column,想要将时间戳转换成特定的日期时间格式,可以在 el-table-column 的 formatter 属性中使用 moment.js 或者 JavaScript 内置的 Date 对象来进行时间格式化。
以下是一个使用 moment.js 进行时间格式化的例子:
```html
<el-table :data="tableData">
<el-table-column prop="timestamp" label="时间戳">
<template slot-scope="scope">
{{ moment(scope.row.timestamp).format('YYYY-MM-DD HH:mm:ss') }}
</template>
</el-table-column>
</el-table>
```
在这个例子中,我们使用了 moment.js 的 `format()` 方法将时间戳按照指定的格式进行了格式化。
如果你不想使用第三方库,也可以使用 JavaScript 内置的 Date 对象来进行时间格式化:
```html
<el-table :data="tableData">
<el-table-column prop="timestamp" label="时间戳">
<template slot-scope="scope">
{{ new Date(scope.row.timestamp).toLocaleString('zh-CN', { hour12: false }) }}
</template>
</el-table-column>
</el-table>
```
在这个例子中,我们使用了 JavaScript 内置的 `toLocaleString()` 方法将时间戳按照本地化的日期和时间格式进行了格式化。其中,第一个参数指定了本地化的语言和地区(这里使用了中文简体),第二个参数指定了是否使用12小时制。
阅读全文