Element-ui表格中修改时间格式化
第一步在组件中:绑定方法
<el-table-column
label="xxxx"
width="200"
prop="CreateTime"
:formatter="FormatTime" //注意点
>
</el-table-column>
第二步:引入moment
如果没有的话需要下载
使用以下命令:
npm install moment--save
引入:
import moment from "moment";
第三步:写入方法和格式
methods:{
FormatTime(row, column) {
var date = row[column.property]; //获取传过来的时间
if (date == undefined) { //判断时间是否为空
return ""; //如果为空就返回一个空的字符串
}
return moment(date).format("YYYY-MM-DD HH:mm:ss");
//如果值不为空,就把传过来的那个时间,按格式修改,然后返回
},
}