vue表格日期格式化
时间: 2023-07-03 07:28:22 浏览: 49
Date格式化
在 Vue 表格中,你可以使用 `moment.js` 库对日期进行格式化。你需要先在项目中安装 moment.js:
```bash
npm install moment --save
```
然后在需要格式化日期的组件中引入 moment.js:
```javascript
import moment from 'moment'
```
最后,在表格中使用 `formatter` 属性来对日期进行格式化:
```html
<el-table-column prop="date" label="日期" width="180">
<template slot-scope="scope">
{{ moment(scope.row.date).format('YYYY-MM-DD') }}
</template>
</el-table-column>
```
这里的 `prop` 属性对应着表格数据中的日期字段,`moment()` 方法会将日期转换成 moment 对象,然后使用 `format()` 方法对日期进行格式化。
阅读全文