在 JS 中使用 toLocaleTimeString() 不显示秒数

Use toLocaleTimeString() without displaying Seconds in JS

要在不显示秒数的情况下使用该方法，请在该方法的对象中toLocaleTimeString()设置
hour和参数。minuteoptions

索引.js


const date = new Date();

// ✅ Using visitor's default locale
console.log(
  date.toLocaleTimeString([], {hour: '2-digit', minute: '2-digit'})
);

// ✅ Using US locale
console.log(
  date.toLocaleTimeString('en-US', {hour: '2-digit', minute: '2-digit'}),
); // 👉️ 11:48 AM

// 👇️ 01/27/2022, 12:10 PM
console.log(
  date.toLocaleTimeString([], {
    year: 'numeric',
    month: '2-digit',
    day: '2-digit',
    hour: '2-digit',
    minute: '2-digit',
  }),
);

toLocaleTimeString
方法返回一个字符串，该字符串具有语言敏感的表示形式，
显示给定日期的时间。

该toLocaleTimeString方法采用以下 2 个参数：

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

在第一个示例中，我们将locales参数设置为空数组以使用访问者的默认语言环境。

索引.js


const date = new Date();

// ✅ Using visitor's default locale
console.log(
  date.toLocaleTimeString([], {hour: '2-digit', minute: '2-digit'})
);

在第二个示例中，我们将设置locale为en-US根据美国语言环境显示时间，而不考虑访问者的偏好。

索引.js


const date = new Date();

// ✅ Using US locale
console.log(
  date.toLocaleTimeString('en-US', {hour: '2-digit', minute: '2-digit'}),
); // 👉️ 11:48 AM

我们将对象的hour和minute属性设置options为2-digit，因此时间始终使用 2 位数字显示小时和分钟，即使它们的值仅为 1 位数字（小于10）。

hour和属性的另一个可能值minute是numeric
(例如3)，如果它们的值小于，它将使用单个数字显示小时和分钟10。

不显示是seconds因为我们没有在对象中设置属性。 secondsoptions

该seconds属性也可以设置为numeric或2-digit。

您还可以通过设置对象中的和属性year来month显示日期。dayoptions

索引.js


const date = new Date();

// 👇️ 1/27/2022, 12:10 PM
console.log(
  date.toLocaleTimeString([], {
    year: 'numeric',
    month: 'numeric',
    day: 'numeric',
    hour: '2-digit',
    minute: '2-digit',
  }),
);

和属性也可以设置为将它们格式化为 2 位数字，即使月份或month日期值小于。day2-digit10

索引.js


const date = new Date();

// 👇️ 01/27/2022, 12:10 PM
console.log(
  date.toLocaleTimeString([], {
    year: 'numeric',
    month: '2-digit',
    day: '2-digit',
    hour: '2-digit',
    minute: '2-digit',
  }),
);

如果您需要在不同的语言环境中获取值，请将第一个参数更改为特定的语言环境，例如en-US或de-DE。

额外资源

您可以通过查看以下教程来了解有关相关主题的更多信息：