elementui 表格格式化日期
时间: 2023-02-05 09:41:03 浏览: 115
element-ui 表格数据时间格式化的方法
要在 elementui 表格中格式化日期,你可以使用 vue 中的过滤器(filters)来实现。
首先,你需要在你的 vue 组件中定义一个过滤器,这个过滤器会接受一个日期字符串作为参数,并将其格式化为你希望的格式。例如,你可以使用 JavaScript 的 Intl.DateTimeFormat 对象来格式化日期:
```
filters: {
formatDate(date) {
return new Intl.DateTimeFormat('zh-CN').format(new Date(date))
}
}
```
然后,你可以在 elementui 表格的每一列中使用这个过滤器,如下所示:
```
<el-table :data="tableData">
<el-table-column
prop="date"
label="日期"
width="180"
:formatter="formatDate"
></el-table-column>
</el-table>
```
这样,在 elementui 表格中的日期就会被格式化为你指定的格式了。
阅读全文