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

 更新时间:2023年05月20日 09:24:24   作者:火焰兔  
这篇文章主要介绍了使用 JavaScript如何获取当月的第一天和最后一天,通过本文学习了如何使用 JavaScript 中的Date.getFullYear()和 Date.getMonth()方法获得某个特定月份的第一天和最后一天,需要的朋友可以参考下

这篇 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() 方法获得某个特定月份的第一天和最后一天。

到此这篇关于使用 JavaScript如何获取当月的第一天和最后一天的文章就介绍到这了,更多相关js获取当月的第一天和最后一天内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 原生js实现放大镜组件

    原生js实现放大镜组件

    这篇文章主要为大家详细介绍了js实现放大镜组件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • 微信小程序实现自定义picker选择器弹窗内容

    微信小程序实现自定义picker选择器弹窗内容

    这篇文章主要为大家详细介绍了微信小程序实现自定义picker选择器弹窗内容,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • layui+ssm实现数据批量删除功能

    layui+ssm实现数据批量删除功能

    本篇文章给大家介绍layui+ssm实现数据批量删除功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-12-12
  • 基于JS实现table导出Excel并保留样式

    基于JS实现table导出Excel并保留样式

    这篇文章主要介绍了基于JS实现table导出Excel并保留样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • JS实现的3des+base64加密解密算法完整示例

    JS实现的3des+base64加密解密算法完整示例

    这篇文章主要介绍了JS实现的3des+base64加密解密算法,结合完整实例形式分析了JavaScript实现的3des+base64加密解密算法简单使用技巧,需要的朋友可以参考下
    2018-05-05
  • JS实现表单验证案例

    JS实现表单验证案例

    这篇文章主要为大家详细介绍了JS实现表单验证案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • 在javaScript中检测数据类型的几种方式小结

    在javaScript中检测数据类型的几种方式小结

    在用javaScript编程的过程中,我们经常会遇到这样一个问题,就是需要检测一个数据或变量的类型,本篇文章主要介绍了在javaScript中检测数据类型的几种方式小结,有兴趣的可以了解一下。
    2017-03-03
  • JavaScript实现向setTimeout执行代码传递参数的方法

    JavaScript实现向setTimeout执行代码传递参数的方法

    这篇文章主要介绍了JavaScript实现向setTimeout执行代码传递参数的方法,分析了向setTimeout传递参数的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • 微信小程序引入模块中wxml、wxss、js的方法示例

    微信小程序引入模块中wxml、wxss、js的方法示例

    这篇文章主要介绍了微信小程序引入模块中wxml、wxss、js的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • 生成html静态文件后的分页(客户端版)

    生成html静态文件后的分页(客户端版)

    生成html静态文件后的分页(客户端版)...
    2006-07-07

最新评论