JavaScript高级程序设计读书笔记之十本地对象Date日期

2023年6月10日上午11:59 • JavaScript

《JavaScript高级程序设计》第十章讲解了JavaScript中本地对象Date日期，是JavaScript中处理日期和时间的重要工具。下面是对这一章节的完整攻略。

一、日期时间的创建和实例化

在JavaScript中，可以使用new Date()创建一个日期对象。它会默认将当前时间作为日期时间的实例。也可以传入一个表示日期的字符串或者一个表示日期时间的整数（1970年1月1日之后的毫秒数）。

下面是几个示例：

1.1 创建当前的日期

const now = new Date();
console.log(now);  // 2022-05-06T21:25:32.214Z

1.2 根据字符串创建日期

const str = "2022-05-06T21:25:32.123";
const date = new Date(str);
console.log(date);   // 2022-05-06T21:25:32.123Z

1.3 根据毫秒数创建日期实例

const ms = Date.parse("2022-05-06T21:25:32.123");
const date2 = new Date(ms);
console.log(date2);  // 2022-05-06T21:25:32.123Z

二、获取和设置日期时间的方法

Date实例提供了各种方法，用于获取和设置日期、时间、时区等信息。

2.1 获取日期信息的方法

方法名	返回值
`getFullYear()`	返回当前日期的年份
`getMonth()`	返回当前日期的月份（0-11）
`getDate()`	返回当前日期的天数（1-31）
`getDay()`	返回当前日期是一周的第几天（0-6）
`getHours()`	返回当前日期的小时数（0-23）
`getMinutes()`	返回当前日期的分钟数（0-59）
`getSeconds()`	返回当前日期的秒数（0-59）
`getMilliseconds()`	返回当前日期的毫秒数（0-999）

2.2 设置日期信息的方法

方法名	描述
`setFullYear()`	设置当前日期的年份，通过年份标识，且自动设置月和日
`setMonth()`	设置当前日期的月份（0-12）
`setDate()`	设置当前日期的天数（1-31）
`setHours()`	设置当前日期的小时数（0-23）
`setMinutes()`	设置当前日期的分钟数（0-59）
`setSeconds()`	设置当前日期的秒数（0-59）
`setMilliseconds()`	设置当前日期的毫秒数（0-999）

下面是一些使用示例：

2.3 获取日期信息的示例

const now = new Date();
console.log(now.getFullYear());    // 当前年份
console.log(now.getMonth());       // 当前月份
console.log(now.getDate());        // 当前日
console.log(now.getDay());         // 当前星期
console.log(now.getHours());       // 当前小时
console.log(now.getMinutes());     // 当前分钟
console.log(now.getSeconds());     // 当前秒数
console.log(now.getMilliseconds());// 当前毫秒数

2.4 设置日期信息的示例

const date = new Date();
date.setDate(8);         // 设置日期为8日
date.setMonth(10);       // 设置月份为11，即12月
date.setFullYear(2024);  // 设置年份
console.log(date);       // Fri Nov 08 2024 21:37:13 GMT+0800 (GMT+08:00)

三、日期时间的比较和转换

Date类有一些方法，可以用于日期时间的比较和转换。

3.1 比较方法

以下是比较方法的列子：

const date1 = new Date("2022-05-06T12:34:56.789");
const date2 = new Date("2022-05-06T10:20:30.400");

console.log(date1.getTime() > date2.getTime());    // true
console.log(date1.getTime() === date2.getTime());  // false

3.2 转换方法

以下是转换方法的列子：

const date = new Date("2022-05-06T12:34:56.789");

console.log(date.toDateString());         // "Fri May 06 2022"
console.log(date.toTimeString());         // "12:34:56 GMT+0800 (GMT+08:00)"
console.log(date.toISOString());          // "2022-05-06T04:34:56.789Z"
console.log(date.toLocaleDateString());   // "2022/5/6"
console.log(date.toLocaleTimeString());   // "下午12:34:56"
console.log(date.valueOf());              // 1651820096789