自定义格式时间函数
2020-11-16 本文已影响0人
盗生一
vue中将后端发来的日期格式化
在列表展示后端发来数据时,list接收的数据中有没有格式化的时间,看着让人很不舒服,这里用elementUI的列表行属性进行日期格式化
方法如下:
在这里插入图片描述
首先在你想格式化的一列中添加:formatter属性
<el-table-column
label="操作时间"
prop="gmtModified"
:formatter="dateFormat">
</el-table-column>
引号中的方法定义在methods中:
dateFormat(row, column) {
var date = new Date(row.gmtModified);
var year = date.getFullYear();
var month = date.getMonth() < 9 ? "0" + (date.getMonth() + 1) : "" + (date.getMonth() + 1);
var day = date.getDate() < 10 ? "0" + date.getDate() : "" + date.getDate();
var hour = date.getHours() < 10 ? "0" + date.getHours() : "" + date.getHours();
var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : "" + date.getMinutes();
var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : "" + date.getSeconds();
return (year + "-" + month + "-" + day + " " + hour + ":" + minutes + ":" + seconds);
}
row是你的行,我要格式化的数据就是gmtModified这个时间
效果图:
在这里插入图片描述