vue中将后端发来的日期格式化

2020年9月13日 121次阅读 来源: 「已注销」

vue中将后端发来的日期格式化

在列表展示后端发来数据时,list接收的数据中有没有格式化的时间,看着让人很不舒服,这里用elementUI的列表行属性进行日期格式化
方法如下:
《vue中将后端发来的日期格式化》
首先在你想格式化的一列中添加: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这个时间
效果图:
《vue中将后端发来的日期格式化》

    原文作者：「已注销」
    原文地址: https://blog.csdn.net/qq_38875243/article/details/107347776
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞