说明:
当传入的date是正数n时(比如1),返回的是你当前日期的前n天,传入为0时,就返回当前日期,传入为负数n时(比如-1),返回的就是你当前日期的后n天

代码如下:

ShowDate(date){var num = datelet n = num;let d = new Date();let year = d.getFullYear();let mon = d.getMonth() + 1;let day = d.getDate();if(day <= n) {if(mon > 1) {mon = mon - 1;} else {year = year - 1;mon = 12;}}d.setDate(d.getDate() - n);year = d.getFullYear();mon = d.getMonth() + 1;day = d.getDate();let s = year + "-" + (mon < 10 ? ('0' + mon) : mon) + "-" + (day < 10 ? ('0' + day) : day);return s;}

代码演示:
分别传入0,7,-7

<el-menu-item index="0" @click="ShowDate('0')">当天</el-menu-item>
<el-menu-item index="7" @click="ShowDate('7')">前7天</el-menu-item>
<el-menu-item index="-7" @click="ShowDate('30')">后7天</el-menu-item>

返回结果如下:

参考博客:
https://www.cnblogs.com/aoqizhonghua/p/11775982.html

vue.js中获取当前日期的前n天或者后n天(亲测成功)相关推荐

  1. JS中获取当前日期(年-月-日)

    很多时候我们需要在前台获取当前日期,但是可能后台并不能传过来,这个时候就需要用JS代码来获取当年日期,目前只总结出一种获得(yyyyMMdd)的日期格式,JS代码如下: / 获取当前日期 var da ...

  2. 在Vue项目中获取当前日期的农历日期(阴历)

    1.安装依赖 npm install --save chinese-lunar-calendar 2.在vue文件中的使用 <script> import { getLunar } fro ...

  3. vue中数组长度_如何在Vue.js中获取计算数组的长度

    我使用的是一个计算方法,它检查用户是否单击了搜索输入,然后检查JSON文件,以将用户的查询与JSON文件中的字符串匹配.这是我当前的代码: computed: { filteredPrizesByQu ...

  4. 前端jQuery获取当前日期及前一周或者后一周的日期

    有的时候难免会有要求前或者后几天日期的需求,写在后端又比较麻烦,所以就请我的前端同事帮我写了一个小功能,可以获得当前及前一段时间或者后一段时间的小模块,在这里跟大家分享一下.下面是代码: functi ...

  5. vue获取当前日期以及前七天日期

    一.获取当前日期: mounted () {this.getTime()}, getTime () {// new Date() new一个data对象,当前日期和时间// toLocaleStrin ...

  6. js获取当前日期的前七天

    希望对你有所帮助 // 获取当前日期的前7天getDays(){let oneDay = 24 * 60 * 60 * 1000let endTime = new Date(Date.now() - ...

  7. 如何在 JavaScript 中获取当前日期?

    问: 想要改进这篇文章?提供这个问题的详细答案,包括引文和解释为什么你的答案是正确的.没有足够细节的答案可能会被编辑或删除. 如何在 JavaScript 中获取当前日期? 答1: HuntsBot周 ...

  8. java+script+当前日期_如何在JavaScript中获取当前日期?

    如何在JavaScript中获取当前日期? #1楼 您可以使用扩展了 Date对象的Date.js库,从而可以使用.today()方法. #2楼 如果您想对日期格式进行更多的粒度控制,我强烈建议您查看 ...

  9. Vue.js中的MVVM

    MVVM的理解 MVVM拆开来即为Model-View-ViewModel,有View,ViewModel,Model三部分组成.View层代表的是视图.模版,负责将数据模型转化为UI展现出来.Mod ...

最新文章

  1. 对ajax回调函数的研究
  2. 推荐一个网站--------皮皮书屋,虽然没用过,但是网站注册的方式会让程序员们很欣喜若狂的~~...
  3. Swift 学习手记1,pod 的 类库使用
  4. Spring Security login
  5. Java基础学习总结(64)——Java内存管理
  6. 二叉树的构建--BST
  7. PLC程序的组成结构
  8. C内存分配方式与C++内存分配方式
  9. 【css练习】方格背景
  10. html网上日记本设计,个人博客的设计_网上日记本的开发ASP334
  11. 1469: 数星星(结构体专题)
  12. 2020李宏毅学习笔记——15.Recurrent Netural Network 上
  13. Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
  14. 超详细的java基础知识学习(java SE、javaEE)笔记 核心重点!
  15. 开关电源环路补偿设计及调节笔记
  16. JavaWeb(一)_JavaWeb开发入门
  17. 深度广度并举,AWS容器服务再推利器!
  18. UE4蓝图节点文档翻译【目录】--- Retainer
  19. 2018-2019-2 20175227张雪莹《Java程序设计》实验五 《网络编程与安全》
  20. 永洪Desktop实例分享|星巴克数据指标体系建设及炫酷可视化大屏搭建

热门文章

  1. Mac 终端命令大全能
  2. 【附源代码】手把手教你用Python+uiautomator2手撸一款自动抢菜应用
  3. 利用腾讯云独立IP使用windows用CCProxy搭建多IP代理服务器图文教程实现单窗口单IP
  4. oracle 存取图片,用ASP.NET 2.0在Oracle中存取图片(文件)的操作
  5. 2021中国高校大数据挑战赛A题复盘+解题思路
  6. 【每日早报】2019/08/02
  7. 目标检测3--AnchorFree的FCOS
  8. Android 自定义控件实现刮刮卡效果
  9. 总结在线营销的几种方式
  10. 正则表达式同时去掉单引号和双引号