如何格式化 JavaScript 日期对象以不让小时溢出？

Question

让我们考虑以下示例

const date = new Date(0);
date.setSeconds(60*60*24-1);
console.log(date.toISOString().substr(11, 8));

输出

23:59:59

我正在寻找优雅的方式

const date = new Date(0);
date.setSeconds(60*60*24+1);
console.log(date.toISOString().substr(11, 8));

输出

24:00:01

代替

00:00:01

优雅我的意思是没有实现我自己的 Date 对象......也许可以设置一天的自定义长度？ 从 24 小时增加到 99 小时？

Answer 1

您可以在小时周期选项 ( hc ) 中设置小时周期，并在Intl.DateTimeFormat构造函数和toLocaleTimeString中设置可用的语言参数，例如

 console.log( new Date(2020,7,1,0,5).toLocaleTimeString('en-CA-u-hc-h24') );

小时周期设置是否“有效”似乎取决于选择的语言及其设置方式，因此可能不那么可靠。 在不同的实现中彻底测试。

Answer 2

非常感谢@RobG，他理解了我的问题。 小时周期是我需要的，不幸的是，根据文档，它仅限于值h11 ， h12 ， h23 ， h24 ，我需要h99 ，这是不可用的。

最终我不得不做出自己丑陋的解决方案，因为标准中似乎没有预测到这样的用例，所以这里是

function unfortunatelyWeHadToWriteIt(nbsec) {
  // compute numerical values
  const nbhours = Math.floor(nbsec/(60*60));
  const nbminutes = Math.floor((nbsec - nbhours*60*60)/60)
  const nbseconds = Math.floor(nbsec - nbhours*60*60 - nbminutes*60);
  // convert them to padded strings
  const hours = String(nbhours).padStart(2, '0');
  const minutes = String(nbminutes).padStart(2, '0');
  const seconds = String(nbseconds).padStart(2, '0');
  // format
  return `${hours}:${minutes}:${seconds}`;
}

所以让我们将它与日期格式进行比较

// 27 hours, 13 minutes and 6 seconds
const nbsec = 60*60*27+13*60+6;

什么日期会给我们

const date = new Date(0);
date.setSeconds(nbsec);
console.log(date.toISOString().substr(11, 8));

输出03:13:06 ，它在 24 小时值处溢出。 现在让我们应用unfortunatelyWeHadToWriteIt的WeHadToWriteIt 函数

console.log(unfortunatelyWeHadToWriteIt(nbsec))

输出27:13:06不会溢出。

只是为了给你们一些背景信息，我正在玩游戏并显示游戏时间。 显示小时数比显示游戏天数更方便...