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

比较时间

封装成全局的方法

首先创建一个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()+1let newdate = nowDate.getFullYear() +'-'+ m +"-"+ nowDate.getDate()+' '+ nowDate.getHours() +':'+ nowDate.getMinutes()          console.log("当前时间是",newdate)}

现在就对了

vue得到的某一时间与当前时间作比较相关推荐

解决@vue/cli 创建项目是安装chromedriver时失败的问题
最近在使用新版vue的命令行工具创建项目时,安装chromedriver老是失败,导致后面的步骤也没有进行.网上搜索了一下,全是使用工作中常见问题汇总及解决方案 npm install chrome ...
前端学习（2487）：在VUE中使用element-ui的el-select组件时出现该报错
一. 报错场景在VUE中使用element-ui的el-select组件时出现该报错 [Vue warn]: Missing required prop: "value" 1 二 ...
Vue单文件中引入背景图片时，四周有空白的问题
Vue单文件中引入背景图片时,四周有空白的问题问题背景初始引入背景图更新后的背景图设置问题背景近期公司有个管理系统前后端分离,但是前端人员不够,只能我们后端来凑,而在前端的开发过程中总是遇到 ...
【Vue】vue如何将秒数转成“时分秒”格式
vue如何将秒数转成"时分秒"格式一.使用原生JS的Date库二.使用day.js 三.拓展今天给大家分享一下vue如何将秒数转成"时分秒"格式的相关知识 ...
Vue中使用js-cookie插件实现登录时记住密码后存取到Cookie中
场景使用vue实现一个登录页面时,实现记住密码功能. 在勾选了记住密码后将密码存储到Cookie中,然后下次直接从Cookie中取. 注: 博客: https://blog.csdn.net/bad ...
Vue.JS项目同时使用Element-UI与vue-i18n时实现国际化的方案
之前我们谈到过使用vue-i18n实现国际化的方案,但是这个方案的缺点是没有结合Element-UI的国际化,也就是使用了Element-UI的话,Element-UI自带的组件里的文字无法实现国际化 ...
vue基于el-timeline组件实现动态表格时间线
前言 element中表格和时间线组件相信不少同学都用过吧,现在有这么一个需求,利用时间线组件实现不同时间线下的表格数据展示,同时表格表头及表格内的数据也是动态渲染的,效果如下图. 实现效果: 实现思 ...
vue 文本显示组件_一个Vue组件，可在您键入时突出显示文本
vue 文本显示组件 Vue高亮输入 (Vue Highlightable Input) Highlight and style specific words as you're typing. 键入 ...
Nuxt.js - 最新自定义报错、缺省、404、500 定制化 error.vue（页面、接口报错时自动跳转到该自定义页面）支持自定义文案、状态码等功能
前言在开发 Nuxt.js 时,当页面出错或接口后台数据返回异常时,页面就会 "直接呈现" 报错的信息. 正常情况下,当页面 404.500 或页面报错时, 前端应该自动跳转到 ...

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

比较时间

封装成全局的方法

vue得到的某一时间与当前时间作比较相关推荐

最新文章

热门文章