JavaScript 程式札記 : 日期 Date

在網頁開發中，時間與日期的處理是重要且基礎的部分，本文將介紹 JavaScript 中的日期的處理方法，並提供範例程式來協助你理解。

JavaScript 中的 Date 物件

JavaScript 的 Date 物件是用來處理日期和時間的，它能夠表示一個特定的時刻，並提供了多種方法來操作日期和時間。

創建 Date 物件

// 現在的時間
let now = new Date();
console.log(now);

// 特定日期和時間
let specificDate = new Date('2024-01-24T09:00:00');
console.log(specificDate);

// 使用年、月、日等參數
let dateParts = new Date(2024, 0, 24, 9, 0, 0);
console.log(dateParts);

這個程式碼示範了如何創建 Date 物件，包括當前時間、特定時間和使用特定的年、月、日等參數。

Date 物件的方法

Date 物件提供了多種方法來獲取和設置日期時間的各個部分。

let date = new Date();

// 獲取年、月、日
console.log(date.getFullYear()); // 獲取年份
console.log(date.getMonth());    // 獲取月份，從0開始計算
console.log(date.getDate());     // 獲取日期

// 設置日期
date.setFullYear(2025);
date.setMonth(11); // 設置為12月
date.setDate(25);

console.log(date); // 輸出: 2025-12-25...

這些方法能夠方便讀取和修改日期和時間。

日期格式化與轉換

處理日期時，格式化和轉換是常見需求，JavaScript 可以使用多種方式來格式化日期。

使用 toLocaleString 方法

let date = new Date();

// 格式化為本地時間字符串
console.log(date.toLocaleString()); // 輸出類似：2024/1/24 上午12:00:00

toLocaleString方法將日期和時間按照本地格式進行顯示。

使用自定義格式

有時我們需要更具體的日期格式，此時可以自行拼接字符串來實現。

let date = new Date();
let formattedDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
console.log(formattedDate); // 輸出: 2024-1-24

日期運算

在實際開發中，我們經常需要進行日期相加減的操作，比如計算明天或者一週後的日期。

let today = new Date();
let tomorrow = new Date(today);

// 加一天
tomorrow.setDate(today.getDate() + 1);
console.log(tomorrow.toLocaleString()); // 輸出明天的日期

// 一週後
let nextWeek = new Date(today);
nextWeek.setDate(today.getDate() + 7);
console.log(nextWeek.toLocaleString()); // 輸出一週後的日期

😊 感謝你的耐心閱讀，若是你喜歡這篇內容，可以透過以下方式表達你的喜歡 😊

❤️按個愛心｜💬留言互動｜🔗分享此文｜📌追蹤阿梧｜☕請喝咖啡