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日

相关文章

  • iOS基于CATransition实现翻页、旋转等动画效果

    下面我将详细讲解如何使用iOS的CATransition实现翻页、旋转等动画效果。 1. 简介 iOS的CATransition动画是一种Core Animation库提供的、基于图层的动画,它可以实现一些非常酷炫的动画效果,包括翻页、旋转、淡入淡出等效果。 2. 实现方法 在iOS中,使用CATransition动画非常简单,只需要按照以下步骤操作: 2.…

    JavaScript 2023年5月28日
    00
  • 使用JavaScript在html文档内添加新的元素节点

    使用JavaScript可以在html文档内添加新的元素节点,具体的步骤如下: 选中你想要添加元素的父节点 const parent = document.querySelector(‘#parent-id’); 这里假设你已经通过HTML的id属性找到了父节点,如果你不清楚可以查看querySelector的文档。 创建新节点 const newNode …

    JavaScript 2023年6月10日
    00
  • JavaScript 对引擎、运行时、调用堆栈的概述理解

    一、JavaScript的运行环境 JavaScript的运行环境主要分为三个部分:引擎、运行时和调用堆栈。 引擎是解析和执行JavaScript代码的程序或模块,例如Chrome浏览器的V8引擎。 运行时是为JavaScript代码提供环境的模块和API集合,例如Node.js的运行时。 调用堆栈是一种数据结构,用于跟踪程序在运行时的位置,如果程序在执行A…

    JavaScript 2023年5月28日
    00
  • javascript表单事件处理方法详解

    JavaScript表单事件处理方法详解 什么是表单事件 表单事件是指当用户与表单元素交互时,浏览器会触发一些事件以响应用户的行为。表单事件可以是用户输入、用户点击、用户提交表单等等。 常见的表单事件 以下是一些常见的表单事件: focus:当元素获得焦点时 blur:当元素失去焦点时 change:当元素值发生改变时 keydown、keyup:按下或松开…

    JavaScript 2023年6月10日
    00
  • 浅谈关于JavaScript的语言特性分析

    我来详细讲解 “浅谈关于JavaScript的语言特性分析” 的完整攻略。 步骤1:初步介绍 JavaScript 是一种弱类型的、动态的脚本语言,常用于编写网页的交互效果和动态功能。JavaScript 有其独特的语言特性,包括但不限于以下几点: 弱类型:JavaScript 变量的类型不需要在声明时指定,可以在运行时动态改变,在对类型不那么敏感的应用场景…

    JavaScript 2023年5月18日
    00
  • JavaScript作用域链实例详解

    JavaScript作用域链实例详解攻略 什么是作用域链 在JavaScript中,每一个执行上下文都有一个与之相关的作用域链。作用域链其实就是一条有序列表,它包含了当前执行上下文中所有可访问的变量对象和函数的引用。当JavaScript引擎查找变量时,就会沿着作用域链逐级查找,直到找到为止。如果在整个作用域链上没有找到该变量,则会报ReferenceErr…

    JavaScript 2023年5月28日
    00
  • js Event对象的5种坐标

    JS Event对象包含5种不同的坐标属性,它们可以用来描述事件的发生位置,这些坐标属性分别是: clientX和clientY pageX和pageY screenX和screenY offsetX和offsetY x和y 下面就逐一介绍这5种坐标属性的含义和使用方法: 1. clientX和clientY clientX和clientY属性用来获取事件的…

    JavaScript 2023年6月10日
    00
  • JS数组进阶示例【数组的几种函数用法】

    JS数组进阶示例【数组的几种函数用法】是一个关于JavaScript数组的进阶教程。本教程主要介绍了数组的一些常用函数用法,可以帮助读者更好地理解和运用JavaScript数组。 目录 map()函数 reduce()函数 filter()函数 示例教程1:统计颜色 示例教程2:计算平均分 map()函数 map()函数是一种用于处理数组元素的函数,它会将数…

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