vue.js中获取当前日期的前n天或者后n天(亲测成功)
说明:
当传入的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天(亲测成功)相关推荐
- JS中获取当前日期(年-月-日)
很多时候我们需要在前台获取当前日期,但是可能后台并不能传过来,这个时候就需要用JS代码来获取当年日期,目前只总结出一种获得(yyyyMMdd)的日期格式,JS代码如下: / 获取当前日期 var da ...
- 在Vue项目中获取当前日期的农历日期(阴历)
1.安装依赖 npm install --save chinese-lunar-calendar 2.在vue文件中的使用 <script> import { getLunar } fro ...
- vue中数组长度_如何在Vue.js中获取计算数组的长度
我使用的是一个计算方法,它检查用户是否单击了搜索输入,然后检查JSON文件,以将用户的查询与JSON文件中的字符串匹配.这是我当前的代码: computed: { filteredPrizesByQu ...
- 前端jQuery获取当前日期及前一周或者后一周的日期
有的时候难免会有要求前或者后几天日期的需求,写在后端又比较麻烦,所以就请我的前端同事帮我写了一个小功能,可以获得当前及前一段时间或者后一段时间的小模块,在这里跟大家分享一下.下面是代码: functi ...
- vue获取当前日期以及前七天日期
一.获取当前日期: mounted () {this.getTime()}, getTime () {// new Date() new一个data对象,当前日期和时间// toLocaleStrin ...
- js获取当前日期的前七天
希望对你有所帮助 // 获取当前日期的前7天getDays(){let oneDay = 24 * 60 * 60 * 1000let endTime = new Date(Date.now() - ...
- 如何在 JavaScript 中获取当前日期?
问: 想要改进这篇文章?提供这个问题的详细答案,包括引文和解释为什么你的答案是正确的.没有足够细节的答案可能会被编辑或删除. 如何在 JavaScript 中获取当前日期? 答1: HuntsBot周 ...
- java+script+当前日期_如何在JavaScript中获取当前日期?
如何在JavaScript中获取当前日期? #1楼 您可以使用扩展了 Date对象的Date.js库,从而可以使用.today()方法. #2楼 如果您想对日期格式进行更多的粒度控制,我强烈建议您查看 ...
- Vue.js中的MVVM
MVVM的理解 MVVM拆开来即为Model-View-ViewModel,有View,ViewModel,Model三部分组成.View层代表的是视图.模版,负责将数据模型转化为UI展现出来.Mod ...
最新文章
- 对ajax回调函数的研究
- 推荐一个网站--------皮皮书屋,虽然没用过,但是网站注册的方式会让程序员们很欣喜若狂的~~...
- Swift 学习手记1,pod 的 类库使用
- Spring Security login
- Java基础学习总结(64)——Java内存管理
- 二叉树的构建--BST
- PLC程序的组成结构
- C内存分配方式与C++内存分配方式
- 【css练习】方格背景
- html网上日记本设计,个人博客的设计_网上日记本的开发ASP334
- 1469: 数星星(结构体专题)
- 2020李宏毅学习笔记——15.Recurrent Netural Network 上
- Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
- 超详细的java基础知识学习(java SE、javaEE)笔记 核心重点!
- 开关电源环路补偿设计及调节笔记
- JavaWeb(一)_JavaWeb开发入门
- 深度广度并举,AWS容器服务再推利器!
- UE4蓝图节点文档翻译【目录】--- Retainer
- 2018-2019-2 20175227张雪莹《Java程序设计》实验五 《网络编程与安全》
- 永洪Desktop实例分享|星巴克数据指标体系建设及炫酷可视化大屏搭建