Vue 时间格式化

木来 木来

首先在方法里写一个时间格式化的方法,然后在需要展示时间的地方调用该方法就行啦。

methods{//   时间格式化
	dateFormat:function(time) {
		var date=new Date(time);
		var year=date.getFullYear();
		/* 在日期格式中,月份是从0开始的,因此要加0
		 * 使用三元表达式在小于10的前面加0,以达到格式统一  如 09:11:05
		 * */
		var month= date.getMonth()+1<10 ? "0"+(date.getMonth()+1) : date.getMonth()+1;
		var day=date.getDate()<10 ? "0"+date.getDate() : date.getDate();
		var hours=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+" "+hours+":"+minutes+":"+seconds;
	},
}

在要格式的地方进行调用方法:

<td class="center" style="text-align: center;"><span> {{ dateFormat(ser.created)}}</span></td>
0 条评论