当持续时间小于一小时时，使用 moment.js 以 00:XX 格式显示持续时间

Question

我正在尝试使用持续时间格式来格式化倒数计时器 但是一旦时间低于60分钟，时间就会消失 例如60 分钟显示为“01:00” 哪个是对的 59 分钟显示为“59” 这是不正确的，它应该显示为“00:59”

其中 3500000 毫秒等于 58 分钟

我有以下代码：

moment.duration(3500000).format("hh:mm", { forceLength: true })

显示结果：58，而不是 00:58

我在这里做错了什么？

我也尝试过这种变化，但无济于事

moment.duration(3500000).format("HH:mm", { forceLength: true })

Answer 1

我可以解释发生了什么（我创建了moment-duration-format 插件）。

forceLength 选项仅影响具有值的第一个标记，这意味着值大于0 的第一个标记。在您的情况下，hh 令牌没有值。 https://github.com/jsmreese/moment-duration-format#force-length

从hh 切换到HH 意味着用于格式化时刻对象（日期），但不适用于使用我的插件格式化时刻对象（时间长度）（除非您自定义了持续时间格式化标记，即可以使用我的插件）。

按照建议使用moment(moment.duration(3500000)._data).format("HH:mm"); 是一个不错的创意解决方法。

如果您想获取存储库 dev 分支上的 moment-duration-format 版本，有一个选项可以提供帮助（请参阅 https://github.com/jsmreese/moment-duration-format/issues/22）...

在该版本中，您可以使用* 字符来表示修剪时要显示的最小标记，即使它没有值：

moment.duration(3510000).format("*hh:mm");
--> "00:59"
moment.duration(3509999).format("*hh:mm");
--> "00:58"

请注意，dev 分支版本中的默认行为从truncate 更改为round，因此当您从58 minutes 30 seconds 传递到58 minutes 29 seconds 时，您将从00:59 下降到00:58。在该版本中，您可以为此输出打开 trunc 选项：

moment.duration(3539999).format("*hh:mm", { trunc: true });
--> "00:58"
moment.duration(3540000).format("*hh:mm", { trunc: true });
--> "00:59"

不确定这是否是您想要的倒计时解决方案...也许最好在其余部分上设置floor (trunc)、ceiling 或 round？

如果您想要一个上限行为，您可以使用 dev 分支版本和 trunc 并将 60000 添加到您的计时器值：

moment.duration(3540000 + 60000).format("*hh:mm", { trunc: true });
--> "01:00"
moment.duration(3539999 + 60000).format("*hh:mm", { trunc: true });
--> "00:59"
moment.duration(3500000 + 60000).format("*hh:mm", { trunc: true });
--> "00:59"
moment.duration(3480000 + 60000).format("*hh:mm", { trunc: true });
--> "00:59"
moment.duration(3479999 + 60000).format("*hh:mm", { trunc: true });
--> "00:58"

Answer 2

试试这个

moment(moment.duration(3500000)._data).format("HH:mm");

Answer 3

试试 'trim' 参数。

moment.duration(3500000).format("hh:mm", { trim: false })

Answer 4

我的变种

moment.utc(3400000).format("HH:mm")

给出：“00:56”

希望会有用。