vue项目中获取今天，昨天，明天时间方法

在项目中有这个需求，就是在时间查询条件了中，需要默认前天的时间。如果你项目中需要使用今天，昨天，明天时间方法同样适用。

具体方法如下：

1，vue调用说明

比如我是需要前天的时间，this.getDay(-2)， 这个是不包括时分秒的，
更多例子如下：
getDay(-1): 昨天的日期;
getDay(0): 今天的日期;
getDay(1): 明天的日期;【以此类推】

2，vue中定义

在methods中定义如下两个方法：

 // 获取当前时间，day为number，getDay(day) {　　var today = new Date();　　var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;　　today.setTime(targetday_milliseconds); //注意，这行是关键代码var tYear = today.getFullYear();　　var tMonth = today.getMonth();　　var tDate = today.getDate();　　tMonth = this.doHandleMonth(tMonth + 1);　　tDate = this.doHandleMonth(tDate);　　return tYear + "-" + tMonth + "-" + tDate;},doHandleMonth(month) {　　var m = month;　　if (month.toString().length == 1) {　　m = "0" + month;　　}　　return m;},

今天，昨天，明天新增时分秒效果

getDayTwo(day) {var today = new Date();　　var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;　　today.setTime(targetday_milliseconds); //注意，这行是关键代码var tYear = today.getFullYear();　　var tMonth = today.getMonth();　　var tDate = today.getDate();　　var tHours = today.getHours();var tMinute = today.getMinutes()<10 ? '0'+new Date().getMinutes() : new Date().getMinutes();var tSecond = today.getSeconds()<10 ? '0'+new Date().getSeconds() : new Date().getSeconds();tMonth = this.doHandleMonth(tMonth + 1);　　tDate = this.doHandleMonth(tDate);　　return tYear + "-" + tMonth + "-" + tDate + " "+ tHours + ":" + tMinute + ":" + tSecond;},
doHandleMonth(month) {　　var m = month;　　if (month.toString().length == 1) {　　m = "0" + month;　　}　　return m;
},

vue项目中获取今天，昨天，明天时间方法相关推荐

Vue项目中获取数据后使用swiper轮播，无法轮播且 autoplay 和 loop 失效问题！
Vue项目中获取数据后使用swiper轮播,无法轮播且 autoplay 和 loop 失效问题! 问题表现:轮播组件显示第一张图,可拖动但无法切换到下一张图.但是F12控制台切换屏幕后能正常轮播但无 ...
Vue项目中刷新当前页面的四种方法
Vue项目中刷新当前页面的四种方法前记刷新当前页面的四种方法 this.$router.go(0) location.reload() 跳转空白页再跳回原页面使用provide / inject ...
vue项目中 img标签加载失败方法，onerror事件的两种方法
vue项目中 img标签加载失败方法 ?css 第一种方法第二种方法本人写的第一篇文章,希望对你有帮助第一种方法 < img src="123" :οnerrοr=&q ...
vue项目中 npm使用淘宝镜像方法记录cnpm
vue项目中 npm使用淘宝镜像方法记录 cnpm安装 1,设置默认镜像地址 npm config set registry https://registry.npm.taobao.org 2,验证镜 ...
在Vue项目中获取当前日期的农历日期（阴历）
1.安装依赖 npm install --save chinese-lunar-calendar 2.在vue文件中的使用 <script> import { getLunar } fro ...
vue项目中的一些报错解决方法
1.mixed spaces and tabs no-mixed-spaces-and-tabs 禁止使用空格和tab混合缩进:大多数代码约定要求使用空格或 tab 进行缩进.因此,一行代码同时混有 ...
vue项目中获取当前设备操作系统及版本，设备型号，ip,地区信息
1.获取ip,地区信息使用搜狐IP地址查询接口(?后边设置编码)须连网! http://pv.sohu.com/cityjson http://pv.sohu.com/cityjson?ie=utf ...
VUE项目中CSS设置动态宽度的方法
网上找到三种方法: 一.使用cumputed 首先你务必看Vue的官方文档.涉及到的基础知识有: 绑定内联样式的使用 computed的使用文档写的都是基础使用.那么在项目实战中如何使用,两步就能实 ...
vue项目中使用rem替换px-使用方法-01
移动端页面适配,rem和vw适配方案基础点:rem相对根节点字体的大小.所以不用px; 根字体:字体的大小px; px:你就当成cm(厘米)这样的东西吧: 基准:750设计稿(一般UI设计师给的都是 ...
vue中获取外网IP的方法
记一下如何在vue项目中获取外网IP 之前有篇文章js获取客户端真实IP记录了如何获取外网IP 那个只是在普通html页面当中的获取方法,在vue项目中就不能这么使用了. 这里介绍一种适用于vue项目 ...

vue项目中获取今天，昨天，明天时间方法

具体方法如下：

1，vue调用说明

2，vue中定义

今天，昨天，明天新增时分秒效果

vue项目中获取今天，昨天，明天时间方法相关推荐

最新文章

热门文章