js获取指定日期前后的日期代码

yizhihongxing

下面我将为您详细讲解JS如何获取指定日期前后的日期:

步骤一:使用Date对象创建指定日期

要获取指定日期前后的日期,首先需要使用Date对象来创建指定日期,通过设置年份、月份和日期来构造一个日期对象。代码示例如下:

let currentDate = new Date("2021-10-01");
console.log(currentDate);

这里以 2021-10-01 为例,使用 new Date() 方法创建一个日期对象,输出结果如下:

Fri Oct 01 2021 00:00:00 GMT+0800 (中国标准时间)

步骤二:使用setDate()方法设置日期

接下来,我们可以使用Date对象的setDate()方法来更改日期,在这个示例中,我们将当前日期往前推三天,代码如下:

let currentDate = new Date("2021-10-01");
currentDate.setDate(currentDate.getDate() - 3);
console.log(currentDate);

运行代码后,将会输出结果:

Tue Sep 28 2021 00:00:00 GMT+0800 (中国标准时间)

这里使用setDate()方法将当前日期减去了3天,得到了新的日期对象。

步骤三:使用setMonth()方法设置月份

与设置日期相似,我们也可以使用setMonth()方法来更改月份,例如,将当前日期往后推3个月,代码如下:

let currentDate = new Date("2021-10-01");
currentDate.setMonth(currentDate.getMonth() + 3);
console.log(currentDate);

运行代码后,将会输出结果:

Fri Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)

这里使用setMonth()方法将当前日期加上了3个月,得到了新的日期对象。

示例1:获取当前日期前后3天的日期

以本篇文章编写时的日期为例,获取当前日期(2021-10-13)前后3天的日期。代码如下:

let currentDate = new Date("2021-10-13");
let day1 = new Date(currentDate);
day1.setDate(currentDate.getDate() - 3);

let day2 = new Date(currentDate);
day2.setDate(currentDate.getDate() + 3);

console.log("当前日期:" + currentDate.toLocaleDateString());
console.log("前三天日期:" + day1.toLocaleDateString());
console.log("后三天日期:" + day2.toLocaleDateString());

运行代码后,将会输出结果:

当前日期:2021/10/13
前三天日期:2021/10/10
后三天日期:2021/10/16

示例2:获取指定日期前后5个月的日期

以2021年1月15日为例,获取前后5个月的日期。代码如下:

let currentDate = new Date("2021-01-15");
let day1 = new Date(currentDate);
day1.setMonth(currentDate.getMonth() - 5);

let day2 = new Date(currentDate);
day2.setMonth(currentDate.getMonth() + 5);

console.log("当前日期:" + currentDate.toLocaleDateString());
console.log("前5个月日期:" + day1.toLocaleDateString());
console.log("后5个月日期:" + day2.toLocaleDateString());

运行代码后,将会输出结果:

当前日期:2021/1/15
前5个月日期:2020/8/15
后5个月日期:2021/6/15

以上就是JS获取指定日期前后的日期的完整攻略。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js获取指定日期前后的日期代码 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • 转义字符(\)对JavaScript中JSON.parse的影响概述

    “转义字符(\)对JavaScript中JSON.parse的影响概述”攻略: 在JavaScript中,可以使用JSON.parse方法将JSON字符串转换成JSON对象。但是,在某些情况下,JSON字符串中的特殊字符可能会导致转换失败。为了解决这个问题,我们可以使用转义字符来处理特殊的字符。 转义字符的作用 转义字符是一种特殊的字符,用于处理在JSON字…

    JavaScript 2023年5月27日
    00
  • 通过JavaScript控制字体大小的代码

    控制字体大小是网页设计中常用的一项功能,本文将详细讲解如何通过JavaScript控制字体大小的代码。 如何通过JavaScript控制字体大小 我们可以通过修改元素的style属性来改变字体大小。以下是实现的步骤: 获取要改变字体大小的元素。可以使用document.getElementById()方法获取元素。 使用element.style.fontS…

    JavaScript 2023年6月11日
    00
  • 用move.js库实现百叶窗特效

    使用move.js库实现百叶窗特效可以通过以下步骤进行操作: 1. 引入move.js库 在 HTML 文件头部添加以下代码来引入 move.js 库: <script src="https://cdn.bootcdn.net/ajax/libs/move.js/0.5.3/move.min.js"></script&g…

    JavaScript 2023年6月10日
    00
  • JS实现禁止高频率连续点击的方法【基于ES6语法】

    请看下面的攻略。 1. 什么是高频率连续点击? 高频率连续点击指的是用户快速重复点击同一个元素,造成了不必要的请求和操作。这种操作往往影响用户体验和页面性能,在开发中需要避免。 2. 基于ES6语法实现禁止高频率连续点击的方法 在ES6语法中,我们可以使用Promise来实现禁止高频率连续点击的方法。具体实现方式如下: 首先,在点击事件发生时,我们需要创建一…

    JavaScript 2023年6月11日
    00
  • JavaScript数组reduce()方法使用实例详解

    JavaScript数组reduce()方法使用实例详解 在JavaScript中,数组reduce()方法是一种非常有用的方法,它可以将数组中的元素累加到一起,从而得到一个最终的结果。本文将详细介绍reduce()方法的使用方法,并通过示例说明它的用法。 reduce()方法的语法 reduce()方法是数组对象的一个方法,它可以接收两个参数,第一个参数是…

    JavaScript 2023年5月27日
    00
  • C#基于正则去掉注释的方法示例

    下面来详细讲解“C#基于正则去掉注释的方法示例”的完整攻略。 步骤一:了解正则表达式 在进行注释去除的过程中,我们需要使用正则表达式来匹配注释并去除。因此,我们需要对正则表达式有一定的了解。 正则表达式是一种模式匹配工具,可以用来识别字符串中的特定模式,比如数字、单词、邮箱等等,具有非常强大的匹配能力。在C#中,我们可以通过System.Text.Regul…

    JavaScript 2023年6月10日
    00
  • 基于javascript实现动态显示当前系统时间

    实现动态显示当前系统时间的方法之一是基于javascript语言。下面是基于javascript实现动态显示当前系统时间的攻略: 实现方法 要实现动态显示当前系统时间,可以使用以下步骤: 创建一个HTML页面,并在页面中添加一个<div>元素,用于容纳显示系统时间的内容。 在<div>元素中添加一个空的<span>元素,用…

    JavaScript 2023年6月10日
    00
  • javascript splice数组简单操作

    JavaScript中的数组操作之——splice 在JavaScript中,数组是一个非常常用的数据类型,而对于数组的操作,是很多程序员必须要掌握的一种基本技能。在这里,我们就讲解一下JavaScript中常用的数组操作——splice。splice可以实现给数组删除和增加元素的操作,同时还可以返回被删除的元素。 语法及参数 splice的语法如下: ar…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部