JavaScript 如何获取当前月份的首日和末日

给定一个月份，任务是使用JavaScript确定该月份的首日和末日的正确格式。

JavaScript getDate()方法: 该方法返回定义日期的月份的日期（从1到31）。

语法:

Date.getDate()

参数： 该方法不接受任何参数。

返回值： 它返回一个从1到31的数字，表示月份的日期。

JavaScript getFullYear() 方法：该方法返回定义日期的年份（对于1000年到9999年之间的日期，四位数字）。

语法：

Date.getFullYear()

参数: 此方法不接受任何参数。

返回值: 它返回一个数字，表示定义日期的年份。

JavaScript getMonth()方法: 此方法根据本地时间返回定义日期的月份（从0到11）。

语法:

Date.getMonth()

参数： 这个方法不接受任何参数。

返回值： 它返回一个数字，从0到11，表示月份。

示例1： 该示例使用 getFullYear() 和 getMonth() 方法 通过获取当前日期的年份和月份来设置变量firstDay和lastDay的日期，然后获取该月的第一天和最后一天。

function GFG_Fun() {
    let date = new Date();
    let firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
    let lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0);
    console.log("First day=" + firstDay)
    console.log("Last day = " + lastDay);
}
GFG_Fun()

输出

First day=Thu Jun 01 2023 00:00:00 GMT+0000 (Coordinated Universal Time)
Last day = Fri Jun 30 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

示例2： 这个示例与前一个示例相似。这个示例也是通过使用 getFullYear()和getMonth()方法 获取当前日期的年份和月份来设置变量firstDay和lastDay的日期，然后通过不同的方法获取月份的第一天和最后一天。

function daysInMonth(month, year) {
    return new Date(year, month, 0).getDate();
}
 
function GFG_Fun() {
    let date = new Date();
    let firstDay = new Date(date.getFullYear(),
        date.getMonth(), 1);
 
    let lastDay = new Date(date.getFullYear(),
        date.getMonth(), daysInMonth(date.getMonth() + 1,
            date.getFullYear()));
 
    console.log("First day = " + firstDay)
    console.log("Last day = " + lastDay);
}
GFG_Fun()

输出

First day = Thu Jun 01 2023 00:00:00 GMT+0000 (Coordinated Universal Time)
Last day = Fri Jun 30 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

使用 Moment.js 库： 使用了 JavaScript 库 Moment.js。因此，可以在 JavaScript 中解析、修改、验证和显示日期和时间。

语法：

const moment = require('moment');
const date = new Date('2022/01/01');
moment(date).format('MMMM d, YYYY');

示例： 在这个示例中，我们使用Moment.js来获得当前月份的第一天和最后一天的日期。

<html>
 
<head>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.26.0/moment.min.js">
    </script>
    <script
        src=
"https://cdnjs.cloudflare.com/ajax/libs/momenttimezone/0.5.31/moment-timezone-with-data-2012-2022.min.js">
    </script>
</head>
<body>
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <p>Click on button to get the first and
        last day of current month
    </p>
    <p id="firstDate"></p>
    <p id="lastdate"></p>
    <button onClick="data()">
        click here 
    </button>
    <script>
        function data() {
            const firstdate = moment().startOf('month').format('DD-MM-YYYY');
            const lastdate = moment().endOf('month').format("DD-MM-YYYY");
            document.getElementById("firstDate").innerHTML = "First day = " + firstdate;
            document.getElementById("lastdate").innerHTML = "Last day = " + lastdate;
        }
 
    </script>
</body>
</html>