使用JavaScript日期函數掌握時間

在本文中，我們將深入探討JavaScript日期函數，並且從多個視角介紹其應用方法和重要性。

一、日期的基本表示與獲取

在JavaScript中，使用Date對象來表示日期和時間，可以通過new操作符和參數構造Date對象。構造函數參數可以為：年份（4位數）、月份（0-11）、天數（1-31）、小時（0-23）、分鐘（0-59）、秒數（0-59）、毫秒數（0-999）等。

//構造函數參數：年，月，日，時，分，秒，毫秒
const now = new Date(2022, 3, 5, 8, 30, 0, 0); 
console.log(now); //輸出：Thu Apr 05 2022 08:30:00 GMT+0800（中國標準時間）

如果未添加參數，則將返回當前日期和時間：

const now = new Date(); 
console.log(now); //輸出：Thu Dec 02 2021 16:53:22 GMT+0800（中國標準時間）

可以使用Date對象的方法返回和設置日期和時間。例如：getDate()、getMonth()、getFullYear()、setDate()、setMonth()、setFullYear()等。

//獲取當前日期和時間信息
const now = new Date();
console.log(now.getFullYear()); //輸出：2021
console.log(now.getMonth() + 1); //輸出：12 （月份是0-11表示，所以需要加1）
console.log(now.getDate()); //輸出：2（表示現在是12月2日）

//設置日期信息
now.setDate(3);
console.log(now.getDate()); //輸出：3

二、日期的格式化

獲取到日期信息後，我們常常需要將其展示給用戶以更為友好的方式，這時需要將其格式化。可以使用Date對象的toLocaleDateString()和toLocaleTimeString()方法將日期和時間格式化為本地字符串，也可以使用第三方的日期格式化庫，如moment.js。

//使用toLocaleDateString()方法將日期格式化為本地字符串
const date = new Date();
console.log(date.toLocaleDateString()); //輸出：2021/12/2

//使用moment.js將日期格式化
const now = moment();
console.log(now.format('YYYY-MM-DD')); //輸出：2021-12-02

三、日期的運算

JavaScript Date對象提供了很多方便的操作日期的功能，如計算天數差、增加或減少日期等。

//計算天數差
const start = new Date('2021-01-01');
const end = new Date('2021-12-02');
const days = (end - start) / (1000 * 60 * 60 * 24); //1000毫秒一秒，60秒一分，60分一小時，24小時一天
console.log(days); //輸出：335

//增加或減少日期
const date = new Date('2021-01-01');
date.setDate(date.getDate() + 10); //增加10天
console.log(date); //輸出：Mon Jan 11 2021 00:00:00 GMT+0800（中國標準時間）
date.setDate(date.getDate() - 20); //減少20天
console.log(date); //輸出：Fri Dec 22 2020 00:00:00 GMT+0800（中國標準時間）

四、日期的比較

JavaScript Date對象還提供了比較日期的方法，可用於判斷兩個日期的先後關係，如是否相等、是否在某個日期之後等。

const start = new Date('2022-01-01');
const end = new Date('2022-01-05');
console.log(start > end); //輸出：false
console.log(start === end); //輸出：false
console.log(start < end); //輸出：true

五、總結

本文從日期的基本表示、獲取、格式化、運算和比較五個方面介紹了JavaScript中有關日期的函數的基本應用，我們可以根據需求選用不同的函數，處理各種日期和時間相關的需求。