在 JavaScript 中将时间格式更改为 24 小时制

Change Time format to 24 Hours in JavaScript

使用toLocaleString()方法将时间格式更改为 24 小时，例如
date.toLocaleString('en-US', {hour12: false}). 该方法根据提供的和参数toLocaleString返回表示日期和时间的字符串
。localeoptions

索引.js


const date = new Date();

// 👇️ 1/27/2022, 13:18:22
console.log(
  date.toLocaleString('en-US', {
    hour12: false,
  }),
);

toLocaleString
方法返回特定于语言环境的字符串，根据提供的参数进行格式化。

我们传递给该toLocaleString方法的两个参数是：

locales– 带有 BCP 47 语言标记的字符串或此类字符串的数组。您可以使用任何可用的语言环境，例如es-MX墨西哥或en-CA
加拿大。如果您需要有关此参数的更多信息，请查看
MDN 文档。
options– 我们设置hour12属性的对象。在MDN 文档中阅读有关该
options对象的
更多信息。

该hour12属性指定是否使用 12 小时制（而不是 24 小时制）。

我们将属性的值设置为false，以使用 24 小时时间格式。

我们在示例中将语言环境设置为en-US。这会根据美国语言环境格式化日期和时间。

索引.js


const date = new Date();

// 👇️ 1/27/2022, 13:18:22
console.log(
  date.toLocaleString('en-US', {
    hour12: false,
  }),
);

如果您需要根据访问者的默认区域设置设置日期和时间的格式，请为该locale参数传递一个空数组。

索引.js


const date = new Date();

// 👇️ 1/27/2022, 13:18:22
console.log(
  date.toLocaleString([], {
    hour12: false,
  }),
);

您可以使用方法options对象
的不同属性toLocaleString来更改日期和时间的格式。

索引.js


const date = new Date();

// 👇️ Thursday, January 27, 2022, 13:28:40
console.log(
  date.toLocaleString('en-US', {
    dateStyle: 'full',
    timeStyle: 'full',
    hour12: false,
  }),
);

我们将对象中的dateStyle和timeStyle属性设置为以获得更详细的日期和时间表示。 optionsfull

这两个属性的其他可能值是long：medium和short。

索引.js


const date = new Date();

// 👇️ Jan 27, 2022, 13:30:38
console.log(
  date.toLocaleString('en-US', {
    dateStyle: 'medium',
    timeStyle: 'medium',
    hour12: false,
  }),
);

options您可以通过访问
MDN 文档查看该对象实现的所有属性和值。

这是一个将月、日、小时、分钟和秒显示为 2 位数字的示例，即使它们的值小于10。

索引.js


const date = new Date();

// 👇️ 01/27/2022, 13:31:26
console.log(
  date.toLocaleString('en-US', {
    hour12: false,
    year: 'numeric',
    month: '2-digit',
    day: '2-digit',
    hour: '2-digit',
    minute: '2-digit',
    second: '2-digit',
  }),
);

通过将日期和时间组件的值设置为2 数字，我们可以一致地格式化它们，即使它们的值小于. 10

如果是这种情况，这些值将用前导零填充。

您可以通过访问MDN 文档options查看该对象支持的
所有其他属性。

–