vue过滤器日期倒计时

vue过滤器日期倒计时

创建一个HTML元素在网页上显示日期时间，并与Vue实例进行数据绑定

当前时间：<span>{{ date | formaDate }}</span>

方法加载之前 下面代码显示 设置的是倒计时30分钟

filters: {
			date(time) {
				let oldDate = new Date(time)
				let newDate = new Date()
				var dayNum = "";
				var getTime = (newDate.getTime() - oldDate.getTime()) / 1000;
				

				if (getTime*2 < 60 * 60) {
					dayNum = "待支付"+ (30 - parseInt(getTime / 60)) + "分钟后取消";
				}
				/* else if (getTime >= 3600 && getTime < 3600 * 24) {
					dayNum = parseInt(getTime / 3600) + "小时前";
				} */

				// return dayNum+" "+year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;
				else if (getTime*2 >= 3600 ) {
					dayNum = "已超时";
				}
				return dayNum;

			}
		},