el-table时间戳转换
时间: 2023-08-04 07:35:35 浏览: 111
时间戳转换工具
4星 · 用户满意度95%
如果你使用的是 Element UI 的 el-table 组件,你可以使用 element-ui 的自定义过滤器来将时间戳转换为可读日期格式。以下是一个示例:
1. 先定义一个自定义过滤器
```javascript
Vue.filter('formatDate', function(value) {
if (value) {
return moment.unix(value / 1000).format('YYYY-MM-DD HH:mm:ss')
}
})
```
上述代码中,我们使用了 moment.js 库来格式化日期。如果你没有使用 moment.js,也可以使用 JavaScript 原生的 Date 对象进行日期格式化。
2. 在 el-table 中使用自定义过滤器
```html
<el-table :data="tableData">
<el-table-column prop="time" label="时间"></el-table-column>
<el-table-column prop="content" label="内容"></el-table-column>
<el-table-column label="日期">
<template slot-scope="scope">
{{scope.row.time | formatDate}}
</template>
</el-table-column>
</el-table>
```
在上述示例中,我们在 el-table-column 中使用了自定义过滤器 `formatDate`。在显示日期的列中,我们使用了 `scope.row.time | formatDate` 的语法来将时间戳转换为可读日期格式。
阅读全文