JS獲取當前月份的第一天和最後一天是前端開發中比較常見的操作,尤其在需要顯示某個月份內的數據時,獲取當月第一天和最後一天是必不可少的。本文將從多個方面對這個問題做詳細闡述。
一、獲取當前月份的第一天
獲取當前月份的第一天有多種方式,下面我們將分別介紹。
1.使用Date對象
Date對象是JS內置的一個日期對象,它提供了獲取年、月、日等信息的方法。獲取當月第一天的方法如下:
function getFirstDayOfMonth(){
var date = new Date();
var firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
return firstDay;
}
以上代碼中,首先使用new Date()獲取當前日期信息,然後使用Date對象的getMonth()方法獲取當前月份。接著使用new Date(year, month, day)的構造函數創建一個新的日期對象,參數中的year和day分別表示年份和月份,day使用1表示當前月份的第一天。最後返回創建的日期對象即可。
2.使用moment庫
moment是一個JS日期庫,它提供了許多便捷的日期操作方法。獲取當月第一天的方法如下:
function getFirstDayOfMonth(){
var moment = require('moment');
var firstDay = moment().startOf('month');
return firstDay;
}
以上代碼中,首先使用require導入moment庫。然後使用moment()獲取當前日期信息,調用startOf(‘month’)方法獲取當月第一天的日期對象。最後返回日期對象即可。
3.使用day.js庫
day.js是一個輕量級的日期庫,它提供了許多便捷的日期操作方法。獲取當月第一天的方法如下:
function getFirstDayOfMonth(){
var dayjs = require('dayjs');
var firstDay = dayjs().startOf('month');
return firstDay;
}
以上代碼中,首先使用require導入dayjs庫。然後使用dayjs()獲取當前日期信息,調用startOf(‘month’)方法獲取當月第一天的日期對象。最後返回日期對象即可。
二、獲取當前月份的最後一天
獲取當前月份的最後一天也有多種方式,下面我們將分別介紹。
1.使用Date對象
獲取當前月份的最後一天需要先獲取下個月的第一天,再向前推一天即可。具體方法如下:
function getLastDayOfMonth(){
var date = new Date();
var nextMonth = new Date(date.getFullYear(), date.getMonth()+1, 1);
var lastDay = new Date(nextMonth.getTime()-1000*60*60*24);
return lastDay;
}
以上代碼中,首先使用new Date()獲取當前日期信息,然後使用new Date(year, month, day)的構造函數創建一個新的日期對象,參數中的year和day分別表示年份和下一個月份,day使用1表示下一個月份的第一天。接著使用getTime()方法獲取這個日期對象的時間戳,減去一天的毫秒數即可獲取當前月份的最後一天的時間戳。最後使用new Date(timestamp)構造函數創建一個新的日期對象,返回即可。
2.使用moment庫
獲取當前月份的最後一天需要先獲取下個月的第一天,再向前推一天即可。具體方法如下:
function getLastDayOfMonth(){
var moment = require('moment');
var lastDay = moment().endOf('month');
return lastDay;
}
以上代碼中,首先使用require導入moment庫。然後使用moment()獲取當前日期信息,調用endOf(‘month’)方法獲取當月最後一天的日期對象。最後返回日期對象即可。
3.使用day.js庫
獲取當前月份的最後一天需要先獲取下個月的第一天,再向前推一天即可。具體方法如下:
function getLastDayOfMonth(){
var dayjs = require('dayjs');
var lastDay = dayjs().endOf('month');
return lastDay;
}
以上代碼中,首先使用require導入dayjs庫。然後使用dayjs()獲取當前日期信息,調用endOf(‘month’)方法獲取當月最後一天的日期對象。最後返回日期對象即可。
三、小結
本文對JS獲取當前月份的第一天和最後一天的問題進行了詳細的闡述,介紹了多種獲取方法。希望本文對讀者有所幫助。
原創文章,作者:DHRNK,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/332430.html