js获取上周本周下周的日期(附Demo)

目录

  • 前言
  • 1. 基本知识
  • 2. Demo
  • 3. 彩蛋

前言

现在的时间点是:2024-04-08,对应的日期如下(上周、这周、下周)

在这里插入图片描述

1. 基本知识

讲述Demo之前,先补充一些基础知识

JavaScript 中的 Date 对象是用于处理日期和时间的对象。它可以获取当前日期和时间,以及可以对日期和时间进行操作

以下是一些基本的 Date 对象的方法和属性:

var now = new Date(); // 创建一个表示当前时间的 Date 对象
var time = now.getTime(); // 获取当前时间的毫秒数,从 1970 年 1 月 1 日开始计算
var year = now.getFullYear(); // 获取当前年份
var date = now.getDate(); // 获取当前日期
var hour = now.getHours(); // 获取当前小时
var second = now.getSeconds(); // 获取当前秒钟
var week = now.getDay(); // 获取当前星期(注意:返回的是 0 表示星期天,1 表示星期一,以此类推)

其余方法如下:

  • getMilliseconds(): 获取当前毫秒数
  • getUTCFullYear():获取 UTC 时间的年份
  • getUTCMonth():获取 UTC 时间的月份
  • getUTCDate():获取 UTC 时间的日期
  • getUTCHours():获取 UTC 时间的小时
  • getUTCMinutes(): 获取 UTC 时间的分钟
  • getUTCSeconds():获取 UTC 时间的秒钟

注意事项:

  • getMonth() 方法返回的月份是从 0 开始的,所以在实际使用时需要加 1
  • getDay() 返回的是星期几的数字表示,需要使用数组或 switch 语句进行转换

JavaScript 的 Date 对象还提供了一系列设置日期和时间的方法,以及进行日期和时间运算的方法,如 setFullYear()setMonth()setDate()setHours() 等,以及 getTimezoneOffset()toUTCString() 等方法用于处理时区和格式化日期等

2. Demo

  1. 使用 moment.js 库来处理日期操作。
  2. 使用 isoWeekday 获取当前日期是一周的第几天,以确定是在本周还是上周或下周。
  3. 使用 startOf('isoWeek')endOf('isoWeek') 来获取本周的起始日期和结束日期。

根据当前日期的位置,计算上周和下周的日期范围

const moment = require('moment');
// 或者 import moment from 'moment'calculateWeekPeriods() {const today = moment();const dayOfWeek = today.isoWeekday();// 计算本周的起始日期和结束日期const startDateThisWeek = today.clone().startOf('isoWeek');const endDateThisWeek = today.clone().endOf('isoWeek');// 计算上周和下周的起始日期和结束日期const startDateLastWeek = startDateThisWeek.clone().subtract(1, 'week');const endDateLastWeek = startDateLastWeek.clone().endOf('isoWeek');const startDateNextWeek = startDateThisWeek.clone().add(1, 'week');const endDateNextWeek = startDateNextWeek.clone().endOf('isoWeek');// 格式化日期范围const formatDateRange = (startDate, endDate) => {return `${startDate.format('YYYY-MM-DD')}~${endDate.format('YYYY-MM-DD')}`;};// 生成周期数组const weekPeriods = [{ label: '上周', dateRange: formatDateRange(startDateLastWeek, endDateLastWeek) },{ label: '这周', dateRange: formatDateRange(startDateThisWeek, endDateThisWeek) },{ label: '下周', dateRange: formatDateRange(startDateNextWeek, endDateNextWeek) }];this.weekPeriods = weekPeriods;
}

通过ES6 中的箭头函数、模板字符串等语法,更加完好的展示如下功能:

// 获取当前日期和时间,包括年、月、日、周几、时、分、秒
const getCurrentDateTime = () => {const now = new Date();const year = now.getFullYear();let month = now.getMonth() + 1;let date = now.getDate();const day = now.getDay();let hour = now.getHours();let minu = now.getMinutes();let sec = now.getSeconds();// 格式化月份、日期、小时、分钟、秒数,保证两位数month = month < 10 ? "0" + month : month;date = date < 10 ? "0" + date : date;hour = hour < 10 ? "0" + hour : hour;minu = minu < 10 ? "0" + minu : minu;sec = sec < 10 ? "0" + sec : sec;// 返回格式化后的字符串return `${year}-${month}-${date}${day} 时间: ${hour}:${minu}:${sec}`;
};// 获取当前日期
const getCurrentDate = () => {const startDate = new Date();const year = startDate.getFullYear();let month = startDate.getMonth() + 1;let day = startDate.getDate();// 格式化月份、日期,保证两位数month = month < 10 ? "0" + month : month;day = day < 10 ? "0" + day : day;// 返回格式化后的字符串return `${year}-${month}-${day}`;
};// 获取当前日期减去指定天数的日期
const getDateMinusDays = (days) => {const nowDate = new Date();nowDate.setDate(nowDate.getDate() - days);const year = nowDate.getFullYear();let month = nowDate.getMonth() + 1;let date = nowDate.getDate();// 格式化月份、日期,保证两位数month = month < 10 ? "0" + month : month;date = date < 10 ? "0" + date : date;// 返回格式化后的字符串return `${year}-${month}-${date}`;
};// 获取当前日期加上指定天数的日期
const getDatePlusDays = (days) => {const nowDate = new Date();nowDate.setDate(nowDate.getDate() + days);const year = nowDate.getFullYear();let month = nowDate.getMonth() + 1;let date = nowDate.getDate();// 格式化月份、日期,保证两位数month = month < 10 ? "0" + month : month;date = date < 10 ? "0" + date : date;// 返回格式化后的字符串return `${year}-${month}-${date}`;
};// 获取当前日期加减指定天数的日期与具体时间点(时间戳获取)
const getDatePlusMinusDaysWithTime = (days, isPlus = true) => {const timestamp = new Date().getTime() / 1000;const adjustedTimestamp = isPlus ? timestamp + (60 * 60 * 24 * days) : timestamp - (60 * 60 * 24 * days);const adjustedDate = new Date(adjustedTimestamp * 1000);const year = adjustedDate.getFullYear();let month = adjustedDate.getMonth() + 1;let date = adjustedDate.getDate();let hour = adjustedDate.getHours();let minu = adjustedDate.getMinutes();let sec = adjustedDate.getSeconds();// 格式化月份、日期、小时、分钟、秒数,保证两位数month = month < 10 ? "0" + month : month;date = date < 10 ? "0" + date : date;hour = hour < 10 ? "0" + hour : hour;minu = minu < 10 ? "0" + minu : minu;sec = sec < 10 ? "0" + sec : sec;// 返回格式化后的日期与时间点return `${year}-${month}-${date} ${hour}:${minu}:${sec}`;
};// 示例:获取当前日期和时间
const currentDateTime = getCurrentDateTime();
console.log("当前日期和时间:", currentDateTime);// 示例:获取当前日期
const currentDate = getCurrentDate();
console.log("当前日期:", currentDate);// 示例:获取当前日期减去7天的日期
const dateMinus7Days = getDateMinusDays(7);
console.log("当前日期减去7天的日期:", dateMinus7Days);// 示例:获取当前日期加上7天的日期
const datePlus7Days = getDatePlusDays(7);
console.log("当前日期加上7天的日期:", datePlus7Days);// 示例:获取当前日期加减7天的日期与具体时间点(时间戳获取)
const datePlusMinus7DaysWithTime = getDatePlusMinusDaysWithTime(7);
console.log("当前日期加7天的日期与具体时间点:", datePlusMinus7DaysWithTime);const dateMinusMinus7DaysWithTime = getDatePlusMinusDaysWithTime(7, false);
console.log("当前日期减7天的日期与具体时间点:", dateMinusMinus7DaysWithTime);

3. 彩蛋

此处给出Java后端的写法:

// 获取当前日期
LocalDate currentDate = LocalDate.now();// 获取本周的起始日期和结束日期
LocalDate startDateThisWeek = currentDate.with(DayOfWeek.MONDAY);
LocalDate endDateThisWeek = currentDate.with(DayOfWeek.SUNDAY);// 获取上周的起始日期和结束日期
LocalDate startDateLastWeek = startDateThisWeek.minusWeeks(1);
LocalDate endDateLastWeek = endDateThisWeek.minusWeeks(1);// 获取下周的起始日期和结束日期
LocalDate startDateNextWeek = startDateThisWeek.plusWeeks(1);
LocalDate endDateNextWeek = endDateThisWeek.plusWeeks(1);

对于Java的基本知识推荐阅读:java框架 零基础从入门到精通的学习路线 附开源项目面经等(超全)

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

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

相关文章

提问:一台交换机能带动多少个网络监控摄像头?

你们好&#xff0c;我的网工朋友。 标题的这个问题呢&#xff0c;其实有点问题的。因为这一个问题&#xff0c;需要有一堆条件加上&#xff0c;才好判断。 比如&#xff0c;你的交换机是百兆的还是千兆的&#xff1f; 整机的POE功率和端口POE功率是多少&#xff1f; 交换机…

【C语言】青蛙跳台阶问题

题目&#xff1a;一只青蛙一次可以跳上1级台阶&#xff0c;也可以跳上2级台阶。现求该青蛙跳上一个 n 级的台阶总共有多少种跳法。 题目分析&#xff1a; 当 n 等于 1 时&#xff0c;青蛙只能跳一级台阶到达&#xff0c;因此只有一种跳法&#xff0c;直接返回 1。当 n 等于 2 时…

【Android】App通信基础架构相关类源码解析

应用通信基础架构相关类源码解析 这里主要对Android App开发时&#xff0c;常用到的一些通信基础类进行一下源码的简单分析&#xff0c;包括&#xff1a; Handler&#xff1a;处理器&#xff0c;与某个Looper&#xff08;一个线程对应一个Looper&#xff09;进行关联。用于接…

最少按键次数

题目描述 给你一个字符串 s&#xff0c;由小写英文字母组成。 电话键盘上的按键与 不同 小写英文字母集合相映射&#xff0c;可以通过按压按键来组成单词。例如&#xff0c;按键 2 对应 ["a","b","c"]&#xff0c;我们需要按一次键来输入 &quo…

【javaWeb 原理篇】底层实现原理(快速学习配置原理,Bean管理)

Spring底层 配置优先级Bean管理获取beanBean的作用域第三方Bean SpringBoot原理起步依赖自动配置自动配置的原理自定义starter 配置优先级 Spring中的配置文件如果配置了相同的内容则根据配置优先级进行配置: application.properties>application.yml>application.yaml …

用Python+OpenCV截取视频中所有含有字幕的画面

1、需求背景 有的视频文件的字幕已经压制到了视频的图像中&#xff0c;不能单独提取出字幕文件。网上的 “提取视频字幕” 网站多为提取视频中的字幕文件&#xff0c;而非识别视频图像中的字幕。少数通过OCR技术识别画面中字幕的工具需要在线运行、运行速度较慢&#xff0c;或…

蓝桥杯练习笔记(十八)

蓝桥杯练习笔记&#xff08;十八&#xff09; 一、用辅助栈来优化递归深度过大的问题 输入示例 0000100010000001101010101001001100000011 0101111001111101110111100000101010011111 1000010000011101010110000000001011010100 0110101010110000000101100100000101001001 0…

QT打包生成.exe可执行文件

QT打包生成.exe可执行文件 程序运行图标如何设置快捷方式显示图标QT打包成可执行文件将可执行文件打包成安装包程序运行图标 如何生成如下图标? 首先将你的图标(ico文件)放入当前工程目录,即含有.pro文件的同级目录 右击项目,选择ADD New,选择Qt Resource File, 这是一个…

吴恩达2022机器学习专项课程(一) 5.7 检测梯度下降是否收敛

问题预览/关键词 什么是梯度下降收敛&#xff1f;哪些方法可以检测梯度下降是否收敛&#xff1f;什么是学习曲线&#xff1f;曲线上升代表什么&#xff1f;什么原因造成的&#xff1f;如何检测梯度下降是否收敛&#xff1f;多少次迭代&#xff0c;梯度下降会收敛&#xff1f;什…

C++:初步接触C++(2)

hello&#xff0c;各位小伙伴&#xff0c;本篇文章跟大家一起学习C&#xff0c;感谢大家对我上一篇的支持&#xff0c;如有什么问题&#xff0c;还请多多指教 &#xff01; 文章目录 内联函数1.概念2.特性 auto关键字1.auto简介2.auto的使用细则3.auto不能推导的场景 基于范围…

RTThread studio 驱动开发

rtthread 驱动使用的两种情况 rtthread studio 自动生成 由 RT Thread Studio 自动生成&#xff0c;无需修改任何文件或者简单定义几个宏即可直接使用的驱动&#xff0c;如 GPIO&#xff0c;UART&#xff0c;I2C&#xff0c;SPI&#xff0c;SDIO 和 ETH 等。 使用 RT-Thread S…

如何定位和优化程序CPU、内存等性能之巅

如何定位和优化程序CPU、内存等性能之巅 摘要 性能优化指在不影响系统运行正确性的前提下&#xff0c;使之运行得更快&#xff0c;完成特定功能所需的时间更短&#xff0c;或拥有更强大的服务能力。本文将介绍性能优化的基本概念以及如何定位和优化程序中的CPU、内存和IO瓶颈…

信息泄露漏洞的JS整改方案

引言 &#x1f6e1;️ 日常工作中&#xff0c;我们经常会面临线上环境被第三方安全厂商扫描出JS信息泄露漏洞的情况&#xff0c;这给我们的系统安全带来了潜在威胁。但幸运的是&#xff0c;对于这类漏洞的整改并不复杂。本文将介绍几种可行的整改方法&#xff0c;以及其中一种…

指挥中心控制台厂家定制控制台技术规范全方位指南

指挥中心控制台作为现代化管理的重要组成部分&#xff0c;在整个企业的运行中起着重要作用&#xff0c;为了保证指挥中心的正常运行&#xff0c;控制台的定制不可缺少&#xff0c;那么指挥中心控制台厂家定制控制台技术规范是什么? 1. 结构性能规范&#xff1a;控制台需采用优…

kmeans聚类sklearn实现(Python实验)

Kmeans毫无疑问&#xff0c;好用又“便宜”的算法&#xff0c;经常在很多轻量化场景中实现。所谓的“聚类”&#xff08;Clustering&#xff09;&#xff0c;就是通过欧氏距离找哪些点构成一个簇。假设我们空间中有一堆点&#xff0c;通过肉眼大概可以看出有两簇&#xff0c;思…

jmeter压测websocket协议

一、jmeter 安装websocket插件 1、选项--插件管理 2、搜索WebSocket Samplers by Peter Doornbosch插件 进行安装 3、 重启 jmeter 二、jmeter压测websocket协议实战 2.1、以网站为例&#xff1a; websocket在线测试 1、断开连接 2、打开F12&#xff0c;查看WS数据 3、…

DragonIM龙通讯

前言 龙通讯是一款C/S架构的即时通讯软件&#xff0c;实现了用户注册、登录、好友私聊、群聊&#xff08;文字、表情、文件&#xff09;&#xff0c;群文件上传/下载&#xff0c;群公告&#xff0c;朋友圈&#xff08;可点赞和评论&#xff09;&#xff0c;AI聊天&#xff0c;…

剪切助手-高颜值的跨平台剪切板工具

高颜值的跨平台剪切板工具来了&#xff01;&#xff01; http://t.csdnimg.cn/xKB3B 出于我的一些日常使用需求以及在对比了其他剪切板软件后&#xff0c;我决定做一个跨平台的高颜值剪切板工具《剪切助手》&#xff01; 废话不多说&#xff0c;你可以来这里 下载体验 它&…

day76 jquery

知识点: 1 在HTML中引入jQuery 2 jQuery中就绪函数 3 jQuery中选择器 4 使用jQuery获取表单元素的值 及标签中间的内容 5 jQuery中获取标签属性 6 jQuery设置和获取标签样式 ----------------------------------- 一 在HTML中引入jQuery 1/*! jQuery…

RFID涉密载体柜 RFID智能文件柜系统

涉密载体管控RFID智能柜&#xff08;载体柜DW-G101R&#xff09;通过对涉密物资、设备进行RFID唯一标识并放置于RFID设备涉密物资柜柜体&#xff0c;通过定位每台设备每件涉密物资的位置&#xff0c;实现涉密物资审批、自助借还、防盗等出入库全流程自动化管理。主要管理对象移…