前端近7天,近半个月,近1个月,近1年的日期处理

前端如何获取近7天,近1年的日期进行查询?

methods:{//近7天getRangeDate(ranges) {let nowDays = new Date();let getYear = nowDays.getFullYear();let getMonth = nowDays.getMonth() + 1;let getDate = nowDays.getDate();let nd = new Date();nd = nd.valueOf();nd = nd - ranges * 24 * 60 * 60 * 1000;nd = new Date(nd);let lastYear = nd.getFullYear();let lastMonth = nd.getMonth() + 1;let lastDate = nd.getDate();if (getMonth === 0) {getMonth = '12';getYear = new Date().getFullYear() - 1;} else {getYear = new Date().getFullYear();}if (getMonth < 10) {getMonth = '0' + getMonth;}if (getDate < 10) {getDate = '0' + getDate;}if (lastMonth < 10) {lastMonth = '0' + lastMonth;}if (lastDate < 10) {lastDate = '0' + lastDate;}let nowTime = getYear + '' + getMonth + '' + getDate;console.log('当前日期', getYear, getMonth, getDate);//2024 04 19let lastTime = '';lastTime = lastYear + '' + lastMonth + '' + lastDate;console.log('近7天', lastTime);//20240412let doubleTime = {nowTime: nowTime,lastTime: lastTime,};return doubleTime;},//近1年
isOneYear() {let year = new Date().getFullYear();let lastYear = new Date().getFullYear() - 1;let month = new Date().getMonth() + 1;let getDate = new Date().getDate();if (month < 10) {month = '0' + month;}if (getDate < 10) {getDate = '0' + getDate;}const nowDate =year.toString() + '/' + month.toString() + '/' + getDate.toString();let lastDate =lastYear.toString() + '/' + month.toString() + '/' + getDate.toString();console.log('isOneYear', nowDate, lastDate);//2024/04/19 2023/04/19let nowTime = new Date(nowDate).getTime();let lastTime = new Date(lastDate).getTime();let doubleTime = {nowTime: nowTime,lastTime: lastTime,};return doubleTime;},
}
created(){this.getRangeDate(7);this.isOneYear();
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/624.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

记录汇川:五个ST案例

起保停&#xff1a; 简单数学教学&#xff1a; 数据查找&#xff1a; 按钮检测&#xff1a; 数据堆栈&#xff1a;

【k8s】:kubectl 命令设置简写启用自动补全功能

【k8s】:kubectl 命令设置简写&启用自动补全功能 1、设置kubectl命令简写2、启用kubectl自动补全功能💖The Begin💖点点关注,收藏不迷路💖 Kubernetes(K8s)是一个强大的容器编排平台,而kubectl则是与之交互的命令行工具。尽管Kubernetes提供了强大的功能,但有时…

wiringpi库的应用 -- sg90 定时器 oled

sg 90舵机: 接线: VCC -- 红 GND -- 地 信号线 -- 黄 -- pwm 定时器: 先玩定时器: sg90 需要的pwm波需要定时器输出&#xff0c;so我们得先来玩一下定时器 分析&#xff1a;实现定时器&#xff0c;通过itimerval结构体以及函数setitimer产生的信号&#xff0c;系统…

python装饰器系列教程(1)

若为了与用户交互&#xff0c;有如下代码 def messageOne():print("今天天气是晴转多云")def messageTwo():print("今天的空气质量为优")messageOne() messageTwo()现需在每条提示信息之前加上一条关于客户来自中国的信息&#xff0c;可改写为 def messa…

快手本地生活服务商系统怎么操作?

当下&#xff0c;抖音和快手两大短视频巨头都已开始布局本地生活服务&#xff0c;想要在这一板块争得一席之地。而这也很多普通人看到了机遇&#xff0c;选择成为抖音和快手的本地生活服务商&#xff0c;通过将商家引进平台&#xff0c;并向其提供代运营服务&#xff0c;而成功…

深入探讨虚拟现实中的新型安全威胁:“盗梦攻击”及其防御策略

随着虚拟现实&#xff08;VR&#xff09;技术的飞速发展&#xff0c;用户体验达到了前所未有的沉浸水平&#xff0c;但也暴露在一系列新的安全威胁之下。本文着重介绍了近期出现的一种高度隐秘且影响深远的攻击手段——“盗梦攻击”。这一概念由芝加哥大学的研究人员提出&#…

前端打包webpack vite

起步 | webpack 中文文档 | webpack中文文档 | webpack中文网 npm run build 1webpack: mkdir webpack-demo cd webpack-demo npm init -y npm install webpack webpack-cli --save-dev vite : 快速上手 | Vue.js

介绍TCP协议标志位

TCP协议中的控制位&#xff08;Flags&#xff09;是TCP头部中的6个标志位&#xff0c;用于控制TCP连接的建立、维护和终止过程&#xff0c;以及在数据传输中的一些特定行为。以下是对每个标志位的详细介绍&#xff1a; SYN (Synchronize)&#xff1a; 功能&#xff1a;用于建立…

【Entity Framework】闲话EF中批量配置

【Entity Framework】闲话EF中批量配置 文章目录 【Entity Framework】闲话EF中批量配置一、概述二、OnModelCreating中的批量配置元数据API的缺点 三、预先约定配置忽略类型默认类型映射预先约定配置的限制约定添加新约定替换现有约定约定实现注意事项 四、何时使用每种方法进…

游戏登录界面制作

登录界面制作 1.导入模块和初始化窗口 import subprocessimport tkinter as tkimport picklefrom tkinter import messageboxwindow tk.Tk()window.title(Welcome)window.geometry(450x300) 导入必要的模块&#xff0c;并初始化了主窗口window&#xff0c;设置了窗口的标题和…

【技巧】Leetcode 169. 多数元素【简单】

多数元素 给定一个大小为 n 的数组 nums &#xff0c;返回其中的多数元素。多数元素是指在数组中出现次数 大于 ⌊ n/2 ⌋ 的元素。 你可以假设数组是非空的&#xff0c;并且给定的数组总是存在多数元素。 示例 &#xff1a; 输入&#xff1a;nums [2,2,1,1,1,2,2] 输出&a…

day22 java多线程 线程安全问题解决方案

线程安全问题 [面试题]继承Thread和实现Runnable有什么区别&#xff1f; 1.实现接口和继承类 - 实现接口更灵活因为可以多实现。 2.线程安全 同步代码块 &#xff1a; 继承Thread : 锁不可以是this 实现Runnable : 锁可以是this 同步方法 继承Thread : 同步方法要使用静态同步…

修改taro-ui-vue3的tabs组件源码增加数字标签

需求&#xff1a;taro-ui-vue3的tabs组件上增加数字标记 步骤一&#xff1a;node_modules文件夹下找到taro-ui-vue3/lib/tabs/index.js 把173行的这一段替换成下面这段&#xff0c;然后写上样式 default: () > item.number ? [h(View, {class: at-tabs__item_in}, {defau…

Unity导出package

C#代码导出后为一个dll&#xff0c;原有的不同平台的库不变。 以下操作均在build PC 平台下操作。 1.在要导出的文件夹下建assembly definition (Any platform) 2.将项目文件夹下的\Library\ScriptAssemblies中的相应assembly definition的dll复制到要导出的文件夹下 3.在uni…

gstreamer pad cap的协商

这是在大模型中获取的答案&#xff0c;有点意思。 在 GStreamer 中&#xff0c;大多数时候 pad 协商是通过框架自动完成的&#xff0c;并且不需要手动干预。但是&#xff0c;了解如何在代码里面执行 pad 协商是很有帮助的&#xff0c;这在创建自定义元素或更细致地控制数据流时…

关于Pwn的一些文章

关于Pwn的一些文章 仅仅是本人为了方便查阅资料而已 1、保护机制&#xff1a; https://www.zhihu.com/question/464671097/answer/3257122786https://blog.csdn.net/m0_71081503/article/details/127732602 2、DA常用快捷键及其作用 https://blog.csdn.net/weixin_4574396…

基于Java+SpringBoot+Vue前后端分离仓库管理系统

基于JavaSpringBootVue前后端分离仓库管理系统 &#x1f345; 作者主页 央顺技术团队 &#x1f345; 欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1f4dd; &#x1f345; 文末获取源码联系方式 &#x1f4dd; &#x1f345; 查看下方微信号获取联系方式 承接各种定制系统 &#…

Vue3基本功能介绍

文章目录 Vue3组件中的模板结构可以没有根标签div组合式APIRefReactive函数回顾Vue2响应式Vue3实现响应式对比reactive和refSetup注意点计算属性与监听computedWatchWatchEffectVue3生命周期自定义hook函数toRef其他组合APIshallowReactiveshallowRefreadonly和shallowOnlyToRa…

算法设计与分析实验4 :利用动态规划的方法解决子集等和分割判断问题

实验4 利用动态规划的方法解决子集等和分割判断问题 一、实验目的 1. 了解动态规划的主要思想。 2. 掌握背包问题解决方法用以解决该问题。 3. 分析核心代码的时间复杂度和空间复杂度。 二、实验内容和要求 题目:给定一个只包含正整数的非空数组。是否可以将这个数组分…

赋能企业高效精准的EDM邮件群发推广

数字化营销日益成为商业增长引擎&#xff0c;云衔科技以其创新的智能EDM&#xff08;Electronic Direct Mail&#xff09;邮件群发推广解决方案&#xff0c;帮助企业客户突破传统营销模式&#xff0c;实现业绩飞跃和品牌影响力的大幅提升。 作为数字化广告营销及SaaS软件服务领…