以正确格式“HH:MM”格式化持续时间

Question

我有一些逻辑旨在根据输入的开始和停止时间生成格式化的持续时间：

  getFormattedDuration = async (stopValue, startValue) => {
    const durValue = moment(stopValue, "H:mm").diff(moment(startValue, "H:mm"));
    const t = moment.duration(durValue);

    const duration = {
      hours: t.hours(),
      minutes: t.minutes()
    }

    const formattedDuration = `0${duration.hours}:${duration.minutes}`;
    return formattedDuration;

    // I'm prepending a `0` here because I know the duration will never be above a certain limit - i.e. it will never get to a double digit number for hours.

  }

这在大多数情况下都有效。但有时我最终会得到这样的输出：

duration:  Object {
  "hours": 0,
  "minutes": 8,
}

formattedDuration:  00:8

这里我要的是00:08。我如何根据需要用零填充，以确保我获得格式正确的持续时间值 - 应该采用这种格式 hh:mm。 moment.js 有我可以用来处理这个的函数吗？

Answer 1

您可以使用 moment.js 中的 format() 函数。

const m = moment('00:8','HH:mm').format('HH:mm');

console.log(m) // "00:08"

m = moment('00:8','HH:mm').format('HH:mm');

console.log(m)

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Answer 2

您可以使用 .padStart() 来确保有前导零。

以正确格式“HH:MM”格式化持续时间

Formatting Duration in Correct Format `HH:MM`

javascript

momentjs