JS new Date指定日期时间|极客笔记

JS new Date指定日期时间

1. 介绍

在JavaScript中，我们可以使用new Date()来创建一个Date对象，用于表示日期和时间。Date对象是以世界标准时间（UTC）1970年1月1日午夜开始计算的毫秒数形式存储的。该对象提供了很多方法和属性，可以操作、获取和展示日期和时间。

本文将详细介绍如何使用new Date()指定特定的日期和时间，并展示一些常见的示例代码和运行结果。

2. 使用方法

2.1 基本用法

使用new Date()创建一个Date对象的基本语法如下：

new Date();

上述代码将返回当前的日期和时间。例如，如果我们现在是2022年5月10日上午10点30分，那么new Date()的结果将类似于：

Tue May 10 2022 10:30:00 GMT+0800 (中国标准时间)

需要注意的是，JavaScript中的月份是从0开始计数的，即0代表1月，1代表2月，以此类推。

2.2 指定特定日期和时间

要指定特定的日期和时间，我们可以在new Date()的括号中传入相应的参数。

2.2.1 传入字符串

我们可以传入一个表示日期和时间的字符串作为参数，该字符串的格式可以是以下之一：

ISO 8601 格式：以”YYYY-MM-DDTHH:mm:ss.sssZ”或”YYYY-MM-DDTHH:mm:ss”的形式表示，其中Z代表时区。
英文日期时间格式：例如”Mon, 25 Dec 1995 13:30:00 GMT”。
短日期格式：例如”MM/DD/YYYY”或”DD/MM/YYYY”。
长日期格式：例如”MMM DD YYYY”或”DD MMM YYYY”。
其他格式：例如”YYYY/MM/DD”或”DD-MMM-YYYY”。

以下是一些示例：

new Date("2022-05-10T10:30:00Z");
new Date("Mon, 25 Dec 1995 13:30:00 GMT");
new Date("05/10/2022");
new Date("May 10 2022");
new Date("2022/05/10");
new Date("10-May-2022");

2.2.2 传入整数

我们可以传入表示一组整数的参数，依次代表年、月（0-11）、日、小时、分钟、秒和毫秒。

以下是一个示例：

new Date(2022, 4, 10, 10, 30, 0, 0);

2.3 获取特定日期和时间的组成部分

Date对象提供了一些方法，可以获取特定日期和时间的组成部分，例如年、月、日、小时、分钟、秒等。

2.3.1 获取年份

可以使用getFullYear()方法来获取指定日期的年份。

以下是一个示例：

const date = new Date("2022-05-10T10:30:00Z");
const year = date.getFullYear();
console.log(year);  // 输出：2022

2.3.2 获取月份

可以使用getMonth()方法来获取指定日期的月份。需要注意的是，getMonth()返回的月份是从0开始计数的，所以需要加1才是实际的月份。

以下是一个示例：

const date = new Date("2022-05-10T10:30:00Z");
const month = date.getMonth() + 1;
console.log(month);  // 输出：5

2.3.3 获取日期

可以使用getDate()方法来获取指定日期的日期。

以下是一个示例：

const date = new Date("2022-05-10T10:30:00Z");
const day = date.getDate();
console.log(day);  // 输出：10

2.3.4 获取小时

可以使用getHours()方法来获取指定日期的小时。

以下是一个示例：

const date = new Date("2022-05-10T10:30:00Z");
const hours = date.getHours();
console.log(hours);  // 输出：10

2.3.5 获取分钟

可以使用getMinutes()方法来获取指定日期的分钟。

以下是一个示例：

const date = new Date("2022-05-10T10:30:00Z");
const minutes = date.getMinutes();
console.log(minutes);  // 输出：30

2.3.6 获取秒数

可以使用getSeconds()方法来获取指定日期的秒数。

以下是一个示例：

const date = new Date("2022-05-10T10:30:00Z");
const seconds = date.getSeconds();
console.log(seconds);  // 输出：0

2.4 格式化日期和时间

如果我们想以特定的格式展示日期和时间，可以使用toLocaleString()方法。

以下是一个示例：

const date = new Date("2022-05-10T10:30:00Z");
const formattedDate = date.toLocaleString("en-US", { timeZone: "Asia/Shanghai" });
console.log(formattedDate);  // 输出：5/10/2022, 6:30:00 PM

我们可以传入不同的语言和时区作为参数，来展示不同的格式。

3. 示例代码

以下是一些使用new Date()指定日期和时间的示例代码及运行结果：

3.1 示例1

const date = new Date("2022-05-10T10:30:00Z");

const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
const hours = date.getHours();
const minutes = date.getMinutes();
const seconds = date.getSeconds();

console.log(`年份： ${year}`); console.log(`月份：$ {month}`);
console.log(`日期： ${day}`); console.log(`小时：$ {hours}`);
console.log(`分钟： ${minutes}`); console.log(`秒数：$ {seconds}`);

运行结果：

年份：2022
月份：5
日期：10
小时：10
分钟：30
秒数：0

3.2 示例2

const date = new Date("2022-05-10T10:30:00Z");

const formattedDate = date.toLocaleString("en-US", { timeZone: "Asia/Shanghai" });

console.log(`格式化日期：${formattedDate}`);

运行结果：