JavaScript 中 `new Date` 函数的全面解析与使用指南

在 JavaScript 中，Date 对象是用来处理日期和时间的。new Date() 构造函数可以接受多种参数，并返回一个代表特定日期和时间的 Date 对象。本文将详细介绍 new Date 的不同使用方式，以及如何利用它进行日期和时间的操作。

new Date 的基本用法

创建当前日期和时间的实例

当你不传递任何参数给 new Date() 时，它将创建一个代表当前日期和时间的 Date 对象。

const now = new Date();
console.log(now); // 输出当前日期和时间

传递日期和时间参数

new Date 可以接受多种类型的参数，包括：

1. 不带参数：创建当前日期和时间的实例。
2. 单个数字：表示自 1970 年 1 月 1 日以来的毫秒数。
3. 一到两个字符串参数：通常是 "YYYY-MM-DD" 或 "YYYY-MM-DDTHH:mm:ss.sssZ" 格式。
4. 多个数字参数：年、月、日、时、分、秒、毫秒。

示例代码

// 单个数字参数
const dateFromMilliseconds = new Date(1609459200000); // 2021-01-01

// 字符串参数
const dateFromString = new Date("2021-01-01T12:30:00");

// 多个数字参数
const dateFromNumbers = new Date(2021, 0, 1, 12, 30, 0); // 2021-01-01 12:30:00

注意：月份是从 0 开始的，即 0 表示一月，1 表示二月，以此类推。

获取日期和时间的各个部分

Date 对象提供了多个方法来获取日期和时间的各个部分。

获取年、月、日

• getFullYear()：获取年份（四位数字）。
• getMonth()：获取月份（0-11）。
• getDate()：获取月份中的天数。

const date = new Date(2021, 0, 1);
console.log(date.getFullYear()); // 2021
console.log(date.getMonth()); // 0
console.log(date.getDate()); // 1

获取时、分、秒、毫秒

• getHours()：获取小时（0-23）。
• getMinutes()：获取分钟（0-59）。
• getSeconds()：获取秒（0-59）。
• getMilliseconds()：获取毫秒（0-999）。

const date = new Date();
console.log(date.getHours());
console.log(date.getMinutes());
console.log(date.getSeconds());
console.log(date.getMilliseconds());

设置日期和时间的各个部分

与获取日期和时间的方法相对应，Date 对象也提供了设置日期和时间的方法。

设置年、月、日

• setFullYear(year)：设置年份。
• setMonth(month)：设置月份。
• setDate(date)：设置月份中的天数。

const date = new Date();
date.setFullYear(2024);
date.setMonth(5);
date.setDate(18);

设置时、分、秒、毫秒

• setHours(hours)：设置小时。
• setMinutes(minutes)：设置分钟。
• setSeconds(seconds)：设置秒。
• setMilliseconds(milliseconds)：设置毫秒。

const date = new Date();
date.setHours(12);
date.setMinutes(30);
date.setSeconds(0);
date.setMilliseconds(0);

日期和时间的格式化

虽然 JavaScript 的 Date 对象本身不提供直接的格式化方法，但你可以利用字符串模板或国际化 API Intl.DateTimeFormat 来格式化日期和时间。

使用字符串模板

const date = new Date();
const formattedDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
console.log(formattedDate);

使用 Intl.DateTimeFormat

const date = new Date();
const formatter = new Intl.DateTimeFormat('en-US', {
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit',
  second: '2-digit',
  hour12: false
});
console.log(formatter.format(date));

结论

new Date 是 JavaScript 中处理日期和时间的强大工具。通过传递不同的参数，你可以创建代表不同日期和时间的 Date 对象。Date 对象提供了丰富的方法来获取和设置日期和时间的各个部分。虽然 Date 对象本身不提供格式化功能，但你可以利用字符串模板或 Intl.DateTimeFormat 来实现日期和时间的格式化。掌握这些技巧，将有助于你在开发中更有效地处理日期和时间。