第一步:下载安装第三方组件:
npm install moment --save
第二步:在你需要格式化时间的页面引入moment组件
import moment from 'moment'
第三步:然后配合我们element-ui,在元素中加入 :formatter
<el-table-column prop="add_time" label="创建时间" :formatter="dateFormat" width="200px"></el-table-column>
第四步:然后声明一个方法,去调用
//时间格式化-S
dateFormat(row, column) {
var date = row[column.property];
if (date == undefined) {
return "";
}
return moment(date).format("YYYY-MM-DD HH:mm:ss");
},
//时间格式化-E
备注:如果以上都设置完,出现的时间格式都是 1970年的,那么更改下代码即可:
//时间格式化-S
dateFormat(row, column) {
var date = row[column.property]*1000;
if (date == undefined) {
return "";
}
return moment(date).format("YYYY-MM-DD HH:mm:ss");
},
//时间格式化-E