TypeScript 中的日期时间格式化

在本文中，我们将介绍在 TypeScript 中如何进行日期和时间的格式化。日期和时间的格式化是将日期和时间转换为特定格式的过程，以便更好地呈现给用户或与其他系统交互。TypeScript 提供了几种内置的工具和方法来处理日期和时间的格式化需求。

阅读更多：TypeScript 教程

内置 Date 类

TypeScript 提供了内置的 Date 类，在这个类中，我们可以使用各种方法来处理日期和时间的格式化。

获取当前日期和时间

要获取当前日期和时间，可以使用 Date 类的构造函数以及相关方法。例如，以下代码演示了如何获取当前的日期和时间：

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

格式化日期和时间

要将日期和时间格式化为特定的字符串格式，我们可以使用 Date 类提供的一些方法。其中，toLocaleDateString 方法可以将日期格式化为本地化的日期字符串，toLocaleTimeString 方法可以将时间格式化为本地化的时间字符串。以下示例演示了如何将日期和时间格式化为特定格式：

const now = new Date();
const formattedDate = now.toLocaleDateString("en-US");
console.log(formattedDate); // 输出格式化后的日期字符串，例如 "8/25/2022"

const formattedTime = now.toLocaleTimeString("en-US");
console.log(formattedTime); // 输出格式化后的时间字符串，例如 "10:30:45 AM"

格式化选项

在上面的示例中，我们使用了 "en-US" 作为参数传递给 toLocaleDateString 和 toLocaleTimeString 方法，以获取本地化的日期和时间格式。我们可以根据需要传入不同的本地化参数，以获得适合特定区域的日期和时间格式。例如，可以使用 "zh-CN" 来获取中国的日期和时间格式。

此外，还可以通过在参数中传递更多选项来自定义日期和时间的格式。以下示例演示了如何使用选项来自定义日期和时间的格式：

const now = new Date();
const options = { year: "numeric", month: "long", day: "numeric" };
const formattedDate = now.toLocaleDateString("en-US", options);
console.log(formattedDate); // 输出格式化后的日期字符串，例如 "August 25, 2022"

在上面的代码中，我们通过将选项对象传递给 toLocaleDateString 方法来自定义日期的格式。可以在选项对象中指定要包含的日期组件，例如年份（”numeric”）、月份（”long”）和日期（”numeric”）。

使用第三方库

除了使用内置的 Date 类外，还可以使用第三方库来处理日期和时间的格式化需求。以下是一些常用的第三方库：

Moment.js：Moment.js 是一个流行的 JavaScript 日期库，提供了丰富的日期和时间格式化功能。可以使用 Moment.js 在 TypeScript 中轻松地格式化日期和时间。

以下是一个使用 Moment.js 在 TypeScript 中格式化日期和时间的示例：

import moment from "moment";

const now = moment();
console.log(now.format("YYYY-MM-DD")); // 输出 "2022-08-25"
console.log(now.format("HH:mm:ss")); // 输出 "10:30:45"

在上面的示例中，我们通过引入 Moment.js 并创建一个 Moment 对象来获取当前日期和时间。然后，使用 format 方法并传入指定的格式来格式化日期和时间。

Luxon：Luxon 是另一个流行的 JavaScript 日期库，提供了强大的日期和时间处理功能。可以使用 Luxon 来进行日期和时间的格式化。

以下是一个使用 Luxon 在 TypeScript 中格式化日期和时间的示例：

import { DateTime } from "luxon";

const now = DateTime.now();
console.log(now.toFormat("yyyy-MM-dd")); // 输出 "2022-08-25"
console.log(now.toFormat("HH:mm:ss")); // 输出 "10:30:45"