为何UTC 24小时制00:00:00经toLocaleTimeString格式化后变为24:00:00，如何解决

问题原因 #

输出24:00:00是toLocaleTimeString的hourCycle配置项默认值导致的：

• 24小时制存在两种计时规则：
  • h24：小时取值范围为1~24，零点会被展示为24:00:00
  • h23：小时取值范围为0~23，零点会被展示为00:00:00
• en-US区域默认的24小时制计时规则为h24，你没有显式指定hourCycle参数时就会触发该默认行为，得到不符合预期的输出。

解决方法 #

在格式化的配置参数中显式添加hourCycle: 'h23'即可，修改后的代码如下：

time = date.toLocaleTimeString('en-US', {
          hour12: false,
          hourCycle: 'h23',
          hour: '2-digit',
          minute: '2-digit',
          second: '2-digit',
          timeZone: 'UTC',
        });

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