比较时间

封装成全局的方法

首先创建一个utils文件夹,再创建一个compareTime.js文件用来写我们的代码。
在这里插入图片描述
js

//输入的时间是'2022/3/11 12:00'这种格式
export const compareTime = (gettime) => {
	var today = new Date()  //获取当前时间
	gettime = gettime.replace(/-/g, '/');
   //转化成时间戳作比较
	var endTime = new Date(gettime) //自己的时间
	if (today.getTime() > endTime.getTime()) {
	//当前时间大于我的时间
		return false
	} else {
	//当前时间小于我的时间
		return true
	}
}

在main.js中全局引用

import {compareTime} from './utils/compareTime.js'

Vue.prototype.$Time = compareTime

在页面中调用

export default {
	data(){
		return{
			
		},
		created(){
			var nowDate = new Date();  
			let newdate =nowDate.getFullYear() +'-'+nowDate.getMonth()+1 +"-"+nowDate.getDate()+' '+nowDate.getHours()+':'+nowDate.getMinutes()
			let mydata = '2022-3-11 12:00' //随便写一个时间
			let result = this.$Time(mydata)
			console.log("当前时间是",newdate)
			console.log("我的时间是",mydata)
			console.log("结果是",result)
		}
	}
}
		

运行结果
在这里插入图片描述
啊突然发现写错了那个当前时间的月份成了字符串拼接了

created(){
			var nowDate = new Date();  
			let m = nowDate.getMonth()+1
			let newdate = nowDate.getFullYear() +'-'+ m +"-"+ nowDate.getDate()+' '+ nowDate.getHours() +':'+ nowDate.getMinutes()			
			console.log("当前时间是",newdate)
			
		}

现在就对了
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐