vue得到的某一时间与当前时间作比较

Fay away

已于 2022-03-24 14:33:32 修改

阅读量8.7k

点赞数 7

文章标签： vue.js javascript 前端

于 2022-03-11 15:31:21 首次发布

本文链接：https://blog.csdn.net/weixin_46700289/article/details/123424859

版权

本文介绍了如何在JavaScript中创建一个全局方法`compareTime`，用于比较两个日期时间。首先在`compareTime.js`中定义该方法，然后在`main.js`中引入并挂载到Vue实例上，以便在页面中调用。示例展示了如何正确处理当前时间的月份，并进行时间比较。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

比较时间

封装成全局的方法

首先创建一个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)
			
		}

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