如何判断系统时间为12/24小时制？解决toLocaleTimeString失效问题

你遇到的问题是因为直接调用无参的toLocaleTimeString()时，部分运行环境会默认使用en-US区域设置（该区域默认12小时制），而非自动读取系统的时间格式偏好。

解决方案：显式适配系统区域与格式 #

通过传递undefined作为区域参数，让方法自动采用当前系统的区域设置，同时指定时间部件的格式规则，就能让输出跟随系统的24/12小时制设置：

const now = new Date();
// 适配系统时间格式的时间字符串
const systemTime = now.toLocaleTimeString(undefined, {
  hour: '2-digit',
  minute: '2-digit',
  second: '2-digit'
});
console.log(systemTime);
// 系统为24小时制时输出「19:50:00」，12小时制时输出「07:50:00 PM」

验证系统时间格式偏好 #

如果需要确认当前系统的小时制设置，可以通过Intl.DateTimeFormat的resolvedOptions()方法查看：

const formatter = new Intl.DateTimeFormat();
const systemOptions = formatter.resolvedOptions();
// 24小时制返回「h23」或「h24」，12小时制返回「h11」或「h12」
console.log(systemOptions.hourCycle);

关键说明 #

• 不要直接使用无参的toLocaleTimeString()，它在部分环境中会强制使用en-US的12小时制格式
• 传递undefined作为区域参数是让方法适配系统设置的核心
• 指定2-digit格式可以保证小时、分钟、秒的输出格式统一，避免出现单数字的情况

内容的提问来源于stack exchange，提问作者Kenneth