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

下面我将为您详细讲解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中的缓动效果实现程序

    JavaScript中缓动效果实现程序的完整攻略 什么是缓动效果 缓动效果是一种常见的动画效果,它可以让元素在运动过程中不再像原来那么“匀速”,而是呈现出先快后慢或者先慢后快的动画效果。缓动效果可以让动画显得更加自然流畅。 实现缓动效果的方法 1. 使用Tween.js库 Tween.js是一个常见的缓动效果库,它可以方便地实现各种缓动效果。使用Tween.…

    JavaScript 2023年5月28日
    00
  • javaScript中Math()函数注意事项

    Math()函数是JavaScript语言中的一个内置对象,提供了很多数学相关的工具方法。在使用Math()函数时,有一些需要注意的细节和注意事项。 1. Math()函数使用注意事项 1.1 获取随机数 获取随机数是Math()函数最常用的功能之一。使用Math()函数生成随机数时,需要注意以下两个问题。 随机数生成公式:Math.random() * (…

    JavaScript 2023年5月28日
    00
  • js删除对象中的某一个字段的方法实现

    要删除JavaScript对象中的某个字段,我们可以使用JS的delete操作符。在JavaScript中,delete操作符用于删除对象的一个属性或者方法。 下面是JS删除对象中某个字段的方法实现过程: 使用delete操作符删除对象的某个属性 我们可以使用delete操作符从一个对象中删除属性。下面是一个示例: const obj = { name: ‘…

    JavaScript 2023年5月27日
    00
  • js 解析 JSON 数据简单示例

    下面我将详细讲解“js 解析 JSON 数据简单示例”的完整攻略: 什么是 JSON JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,用于传输和存储数据。它基于JavaScript语言的一个子集,具有良好的可读性,易于编写和理解。JSON格式数据可以简单地使用JavaScript对其进行解析和操作。下面是一个JSO…

    JavaScript 2023年5月27日
    00
  • javascript的replace方法结合正则使用实例总结

    JavaScript的replace方法是对字符串的操作方法,可以替换掉指定的字符串或正则表达式匹配到的部分。通常情况下,replace方法结合正则表达式的使用可以非常灵活和方便地操作字符串。下面我们来看一下replace方法结合正则表达式使用的实例总结。 正则表达式语法 在学习replace方法结合正则表达式的使用之前,我们需要了解一些常用的正则表达式语法…

    JavaScript 2023年5月28日
    00
  • 整理JavaScript对DOM中各种类型的元素的常用操作

    整理JavaScript对DOM中各种类型的元素的常用操作攻略 DOM是文档对象模型(Document Object Model)的缩写,JavaScript通过DOM对HTML页面中的各种元素进行操作,从而实现动态网页效果。在DOM中,各种类型的元素均可以通过JavaScript进行操作。下面,我们将详细讲解如何使用JavaScript对DOM中各种类型的…

    JavaScript 2023年6月10日
    00
  • html嵌入javascript代码的三种方式

    HTML嵌入JavaScript代码通常有三种方式:内联(Inline)、内部(Internal)、外部(External)。 Inline(内联) 内联是将JavaScript代码直接写在HTML元素的属性中。由于代码与HTML元素混合在一起,这种方式不易维护和阅读,推荐在特定环境下使用。 以下是内联的示例: <button onclick=&quo…

    JavaScript 2023年5月18日
    00
  • JavaScript实现字符串与HTML格式相互转换

    下面是实现JavaScript字符串与HTML格式相互转换的完整攻略。 一、将字符串转为HTML格式 1.1 转义特殊字符 在将字符串转为HTML格式时,需要注意转义一些特殊字符,以保证HTML格式的正确性。常见的特殊字符包括: & 替换为 & < 替换为 < 替换为 > ” 替换为 " ‘ 替换为 ' 代…

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