使用 toLocaleString 格式化小时 - Javascript

在 Javascript 中，有时你需要对日期时间进行格式化处理，以便更好地呈现给用户。toLocaleString 是用于格式化日期和时间的内置函数之一。在这篇文章中，我们将了解如何利用 toLocaleString 函数对时间进行格式化，重点是小时。

1. toLocaleString 接受哪些参数？

toLocaleString 函数接受两种类型的参数：

1.1 语言选项

这些参数用于指定要使用哪种语言和地区的日期和时间格式。它们包括：

• locale：应用的语言
• options：一些格式化选项

举个例子，在以下代码中，我们将语言选项设置为 en-US（美式英语）并使用默认选项：

const date = new Date();
console.log(date.toLocaleString('en-US'));

输出结果：

9/23/2021, 10:38:53 AM

1.2 日期和时间选项

这些参数用于指定格式化的日期和时间元素。它们包括：

• year：年份
• month：月份
• day：日期
• hour：小时
• minute：分钟
• second：秒数
• weekday：星期几

2. 格式化小时

为了使用 toLocaleString 函数来格式化小时，我们需要使用 hour 选项。以下是一个示例，它将输出当前时间的小时数：

const date = new Date();
const options = { hour: 'numeric' };
console.log(date.toLocaleString('en-US', options));

输出结果：

10 AM

你还可以使用 '2-digit' 来输出两位数字表示的小时。以下是一个示例：

const date = new Date();
const options = { hour: '2-digit' };
console.log(date.toLocaleString('en-US', options));

输出结果：

10:38 AM

3. 结论

toLocaleString 函数是一个方便的内置函数，可用于格式化日期和时间。要使用此函数来格式化小时，只需使用 hour 选项，并将其设置为 'numeric' 或 '2-digit' 。这使得我们能够更好地呈现日期时间，从而提高用户体验。