資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
服裝學
法學如何使用 JavaScript 獲取當前月份的第一天和最後一天？
在本教程中，我們將學習如何使用 JavaScript 獲取當前月份的第一天和最後一天。
在日常生活中，我們經常處理日期，通常知道我們所處的日期——或者至少知道月份。為了幫助使用者確定某事發生或將要發生的時間與他們當前情況的關係，我們會顯示日期或月份的名稱。這可以作為很好的時間記錄。
以下是使用 JavaScript 獲取月份第一天和最後一天的方法：
使用 Date 物件
使用 Moment.js 庫
使用 Date 物件
在這種方法中，我們可以使用不同的方法來找出月份的第一天和最後一天。
該 getDate() 方法 用於指定日期，返回月份中的某一天（從 1 到 31）。此方法返回月份中的一天，用 1 到 31 之間的數字表示。
然後我們使用 getFullYear() 方法 返回指定日期的年份（對於 1000 到 9999 年之間的年份，為四位數字）。它返回一個數字，對應於指定日期的年份。
該 getMonth() 方法 基於本地時間，返回指定日期的月份（從 0 到 11）。它返回一個數字，範圍從 0 到 11，表示月份。
語法
以下是獲取當前月份第一天和最後一天的語法：
var date = new Date(); var firstDay = new Date(date.getFullYear(), date.getMonth(), 1); var lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0);
這裡，正在建立一個名為 date 的物件，它將呼叫程式碼中指定的方法。我們再次建立一個新的日期物件 firstDay 來獲取當前月份的第一天。為此，我們將第三個引數設定為 1。選擇日期為 1 表示給我們當前月份的第一天。
同樣，我們建立了日期物件 lastDay 來獲取當前月份的最後一天。選擇日期為 0 表示給我們當前月份的最後一天。當我們將 1 加到 getMonth() 方法的返回值時，我們將向前移動一個月。然後，透過將日期指定為 0，我們向後移動一天，到月份的最後一天。
示例
在這個例子中，我們可以看到正在建立一個日期物件。日期物件呼叫 getFullYear() 和 getMonth() 方法來找出當前月份的第一天。
<html> <body> <h2>Get first and last date using <i>Date Object</i></h2> <p id ="date1"></p> <p id ="date2"></p> <script> var date = new Date(); var firstDay = new Date(date.getFullYear(), date.getMonth(), 1); var lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0); document.getElementById("date1").innerHTML = "First day = " + firstDay; document.getElementById("date2").innerHTML = "Last day = " + lastDay; </script> </body> </html>
使用 Moment.js 庫
Moment.js 是一個 JavaScript 包。這使得解析、操作、驗證和顯示 JavaScript 中的日期和時間變得非常簡單。Moment.js 將在本節中介紹，隨後將對其功能進行深入討論。Moment JS 能夠以翻譯和易於閱讀的方式顯示日期。Moment.js 採用指令碼化方法，允許您在瀏覽器中使用它。
語法
以下是 Moment.js 日期格式的語法：
const moment = require('moment');
const date = new Date('2022/01/01');
moment(date).format('MMMM d, YYYY'); // January 1, 2022
moment 庫包含在指令碼中，並建立了一個日期物件。呼叫日期物件並根據給定的格式進行格式化。
示例
在這個例子中，我們可以看到 moment.js 庫是如何包含在指令碼中的。firstdate 變數呼叫 moment 庫並返回指定格式 DD-MM-YYYY 的月份第一天。類似地，lastdate 變數將返回特定格式的月份最後一天。
<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> <h2>Get first and last date using <i>Moment JS</i></h2> <p id ="date1"></p> <p id ="date2"></p> <script> const firstdate = moment().startOf('month').format('DD-MM-YYYY'); const lastdate=moment().endOf('month').format("DD-MM-YYYY"); document.getElementById("date1").innerHTML = "First day = " + firstdate; document.getElementById("date2").innerHTML = "Last day = " + lastdate; </script> </body> </html>
在本教程中，我們學習瞭如何使用 JavaScript 查詢月份的第一天和最後一天。第一種方法討論了使用帶有 getDate()、getMonth() 和 getFullYear() 方法的日期物件的前景。第二種方法探討了使用名為 MomentJS 的外部庫的想法，該庫有助於格式化日期並實現本教程的目標。
32K+ 次瀏覽
