运用 Intl 完美解决前端日期和时间格式化

2024-01-04 06:52:31







## Intl 简介

Intl 是一个全局对象，它的主要用途就是展示国际化信息，可以将字符串，数字和日期和时间转换为指定地区的格式。 它提供了许多有用的方法，可以帮助我们轻松地将日期和时间转换为指定格式。

## 使用 Intl 格式化日期

要使用 Intl 格式化日期，我们可以使用 Intl.DateTimeFormat 对象。Intl.DateTimeFormat 对象提供了许多有用的方法，可以帮助我们轻松地将日期转换为指定格式。

以下是 Intl.DateTimeFormat 对象的一些常用方法：

* format()：将日期转换为指定格式的字符串。
* getAvailableLocales()：返回支持的语言环境列表。
* getOptions()：返回日期格式化选项。
* resolvedOptions()：返回已解析的日期格式化选项。

我们可以使用这些方法来轻松地将日期转换为指定格式。

例如，以下代码将一个日期转换为 "yyyy-MM-dd" 格式的字符串：

```javascript
const date = new Date();
const options = { year: 'numeric', month: 'numeric', day: 'numeric' };
const formatter = new Intl.DateTimeFormat('en-US', options);
const formattedDate = formatter.format(date);

console.log(formattedDate); // 输出：2023-03-08

使用 Intl 格式化时间

要使用 Intl 格式化时间，我们可以使用 Intl.DateTimeFormat 对象。Intl.DateTimeFormat 对象提供了许多有用的方法，可以帮助我们轻松地将时间转换为指定格式。

以下是 Intl.DateTimeFormat 对象的一些常用方法：

format()：将时间转换为指定格式的字符串。
getAvailableLocales()：返回支持的语言环境列表。
getOptions()：返回时间格式化选项。
resolvedOptions()：返回已解析的时间格式化选项。

我们可以使用这些方法来轻松地将时间转换为指定格式。

例如，以下代码将一个时间转换为 "HH:mm:ss" 格式的字符串：

const time = new Date();
const options = { hour: 'numeric', minute: 'numeric', second: 'numeric' };
const formatter = new Intl.DateTimeFormat('en-US', options);
const formattedTime = formatter.format(time);

console.log(formattedTime); // 输出：13:08:05