el-table 时间转换
时间: 2023-07-26 17:32:38 浏览: 102
时间转换工具
如果你使用的是 Element UI 的 el-table 组件,并且其中的时间数据需要转换,可以使用 Element UI 提供的 Formatter 函数进行处理。
例如,如果你的数据中有一个名为 createTime 的字段,它的值是一个时间戳,你可以这样定义 el-table 的列:
```html
<el-table :data="tableData">
<el-table-column label="创建时间" prop="createTime" :formatter="formatCreateTime"></el-table-column>
</el-table>
```
然后在 Vue 实例中定义 formatCreateTime 函数:
```javascript
methods: {
formatCreateTime(row, column, cellValue) {
const date = new Date(cellValue);
return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
}
}
```
这样,就可以将 createTime 字段的时间戳转换为格式化的时间字符串,显示在 el-table 中了。
阅读全文