迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

使用 JavaScript 获取当月的第一天和最后一天

作者:迹忆客 最近更新:2024/03/19 浏览次数:

本 JavaScript 教程介绍了如何获取当月的第一天和最后一天。对于许多项目,我们需要找出当月的第一天和最后一天。

在 JavaScript 中获取当月的第一天和最后一天时,我们首先需要学习如何使用 getFullYear()getFullMonth() 方法。


使用 JavaScript 中的 Date.getFullYear() 方法获取月份的第一天和最后一天

Date.getFullYear() 方法根据本地时间返回指定日期的年份的输出。

const randomDate = new Date('Jan 20, 2018 00:12:18');
console.log(randomDate.getFullYear());

输出:


在 JavaScript 中使用 Date.getFullMonth() 方法

对于月份,我们将使用 Date.getMonth() 方法并将 1 添加到结果中以获取下个月的日期。getMonth() 方法以从零开始的值返回月份(0 表示年份的第一个月)。

const randomDate = new Date('Jan 20, 2018 00:12:18');
console.log(randomDate.getMonth());

输出:

我们必须记住,日期的月份编号在 JavaScript 中是零索引的。所以 1 月是 0,12 月是 11


使用 JavaScript 获取本月的最后一天

我们使用 Date() 构造函数创建一个 Date() 对象。参数将是当前年份当前月份 + 1 和表示日期的 0

此外,Date 对象将包含该月的最后一天。我们将用于 Date() 的三个参数。

var my_date = new Date();
var first_date = new Date(my_date.getFullYear(), my_date.getMonth(), 1);
document.write(first_date);
var last_date = new Date(my_date.getFullYear(), my_date.getMonth() + 1, 0);
document.write('<br>' + last_date);

输出:

上面我们可以看到代码给了我们当前月份的第一个和最后一个日期,但是这个代码只针对当前日期。如果我们想手动输入日期,我们可以将自定义日期作为参数传递给 Date() 构造函数。


使用 JavaScript 获取特定月份的第一天和最后一天

现在假设我们想要获取特定月份的第一天和最后一天。例如,假设我们需要找到 2018 年 1 月的第一天和最后一天。

让我们看看下面的例子。

var my_date = new Date('2018, Jan');
var first_date = new Date(my_date.getFullYear(), my_date.getMonth(), 1);
document.write(first_date);
var last_date = new Date(my_date.getFullYear(), my_date.getMonth() + 1, 0);
document.write('<br>' + last_date);

输出:

这是平衡的,因为我们将 0 作为日期参数传递给 Date() 构造函数。因此,将日期指定为 0 意味着 - 给我们该月的最后一天。

发生的情况是,我们通过将 1 添加到 getMonth 方法的返回值来向前一个月,然后我们通过指定 0 作为日期返回一天,到该月的最后一天。

通过这篇文章,我们首先学习了如何获取当月的第一天和最后一天,然后我们学习了如何使用 JavaScript 中的 Date.getFullYear()Date.getMonth() 方法获得某个特定月份的第一天和最后一天。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

Do you understand JavaScript closures?

发布时间:2025/02/21 浏览次数:108 分类:JavaScript

The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.

Do you know about the hidden traps in variables in JavaScript?

发布时间:2025/02/21 浏览次数:178 分类:JavaScript

Whether you're just starting to learn JavaScript or have been using it for a long time, I believe you'll encounter some traps related to JavaScript variable scope. The goal is to identify these traps before you fall into them, in order to av

How much do you know about the Prototype Chain?

发布时间:2025/02/21 浏览次数:150 分类:JavaScript

The prototype chain can be considered one of the core features of JavaScript, and certainly one of its more challenging aspects. If you've learned other object-oriented programming languages, you may find it somewhat confusing when you start

用 jQuery 检查复选框是否被选中

发布时间:2024/03/24 浏览次数:102 分类:JavaScript

在本教程中学习 jQuery 检查复选框是否被选中的所有很酷的方法。我们展示了使用直接 DOM 操作、提取 JavaScript 属性的 jQuery 方法以及使用 jQuery 选择器的不同方法。你还将找到许多有用的

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便