JavaScript Date 类型方法集合

原创已于 2024-12-13 16:27:11 修改 · 287 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

于 2024-02-23 17:13:51 首次发布

本文详细介绍了JavaScriptDate对象的常用方法，包括解析日期字符串、获取和设置年月日、时分秒毫秒，以及与UTC时间的交互，展示了如何操作和处理日期时间的毫秒表示。

JavaScript 的 Date 对象提供了丰富的方法，用于操作和格式化日期及时间。以下是 Date 类型方法的分类介绍：

1. Date 构造函数的静态方法

`Date.parse()`

描述：接收一个表示日期的字符串参数，然后返回该日期的毫秒数。

示例：

const timestamp = Date.parse('2024-12-12T12:00:00Z');
console.log(timestamp); // 输出：1702382400000

`Date.UTC()`

描述：根据 UTC 时间返回指定日期的毫秒数。

示例：

const timestamp = Date.UTC(2024, 11, 12, 12, 0, 0);
console.log(timestamp); // 输出：1702382400000

`Date.now()`

描述：返回当前时间的毫秒数。

示例：

const now = Date.now();
console.log(now); // 输出：当前时间的毫秒数

2. Date 实例方法

(1) 获取日期和时间的方法

date.getTime()：返回日期的毫秒数。
date.getFullYear()：获取 4 位年份。
date.getUTCFullYear()：获取 UTC 4 位年份。
date.getMonth()：获取月份（0-11）。
date.getUTCMonth()：获取 UTC 月份（0-11）。
date.getDate()：获取月份中的日期（1-31）。
date.getUTCDay()：获取 UTC 星期几（0-6）。
date.getHours()：获取小时数（0-23）。
date.getMinutes()：获取分钟数（0-59）。
date.getSeconds()：获取秒数（0-59）。
date.getMilliseconds()：获取毫秒数。
date.getTimezoneOffset()：获取本地时间与 UTC 时间的分钟差。

示例

const date = new Date();
console.log(date.getFullYear()); // 输出：2024
console.log(date.getMonth());    // 输出：11（表示 12 月）
console.log(date.getDate());     // 输出：12
console.log(date.getHours());    // 输出：当前小时

(2) 设置日期和时间的方法

date.setTime(milliseconds)：设置日期的毫秒数。
date.setFullYear(year, month?, date?)：设置年份。
date.setUTCFullYear(year, month?, date?)：设置 UTC 年份。
date.setMonth(month, date?)：设置月份。
date.setUTCMonth(month, date?)：设置 UTC 月份。
date.setDate(date)：设置月份中的日期。
date.setHours(hours, minutes?, seconds?, milliseconds?)：设置小时数。
date.setMinutes(minutes, seconds?, milliseconds?)：设置分钟数。
date.setSeconds(seconds, milliseconds?)：设置秒数。
date.setMilliseconds(milliseconds)：设置毫秒数。

示例

const date = new Date();
date.setFullYear(2025);
console.log(date.getFullYear()); // 输出：2025

date.setMonth(0);
console.log(date.getMonth()); // 输出：0（表示 1 月）

3. 日期格式化方法

date.toString()：返回包含时区信息的日期和时间。
date.toLocaleString()：返回与浏览器地区设置匹配的日期和时间。
date.toDateString()：返回日期部分（星期几、月、日、年）。
date.toTimeString()：返回时间部分（时、分、秒、时区）。
date.toUTCString()：返回 UTC 格式的日期和时间。
date.toLocaleDateString()：返回地区格式的日期。
date.toLocaleTimeString()：返回地区格式的时间。

示例

const date = new Date();
console.log(date.toString());          // 输出：Thu Dec 12 2024 12:00:00 GMT+0000
console.log(date.toLocaleString());   // 输出：12/12/2024, 12:00:00 PM
console.log(date.toUTCString());      // 输出：Thu, 12 Dec 2024 12:00:00 GMT

4. 实用方法

date.valueOf()：返回日期的毫秒表示。

示例

const date = new Date();
console.log(date.valueOf()); // 输出：日期的毫秒数

总结

Date 对象提供了全面的日期和时间操作功能，从毫秒级精确度到格式化显示，能够满足大部分开发需求。通过以上方法，你可以方便地获取、设置和格式化日期与时间，从而高效处理与时间相关的逻辑。