el-table-column内部时间格式转换
时间: 2024-01-05 16:04:25 浏览: 80
el-table-column内部时间格式转换可以使用moment.js库来实现。根据提供的引用内容,以下是两种使用moment.js进行时间格式转换的例子:
1. 使用moment.js对时间进行格式化:
```javascript
import moment from "moment";
// 在formatter属性中调用dateFormat方法
<el-table-column prop="operationTime" :formatter="dateFormat" label="投用时间" align="center" width="" />
// 定义dateFormat方法
dateFormat(row, column) {
var date = row[column.property];
if (date == undefined) {
return "";
}
return moment(date).format("YYYY-MM-DD HH:mm:ss");
}
```
2. 使用vue-moment和moment.js对时间进行格式化:
```javascript
import moment from 'moment';
// 在formatter属性中调用formatDate方法
<el-table-column prop='created_at' label="添加时间" min-width="180" :formatter="formatDate"></el-table-column>
// 定义formatDate方法
formatDate(row, column) {
let data = row[column.property];
if (data == null) {
return null;
}
return moment(data).format('YYYY-MM-DD HH:mm:ss');
}
```
这两种方法都使用了moment.js库来对时间进行格式化,可以根据需要选择其中一种方法来进行时间格式转换。
阅读全文