如何将 Luxon 秒数持续时间格式化为显示分钟和秒的 Luxon 持续时间？

Question

我有一个以秒表示的时间（例如 25、30、60 或 94、315 等） 使用 Luxon 我想像这样展示它

25秒
30秒
1分钟
1分34秒
5分15秒

我如何格式化 Luxon 才能做到这一点？

这是我目前拥有的，但它不正确，因为它只显示秒。

{{duration.fromObject({ seconds: 315}).toHuman({ unitDisplay: "short" })}}

这只显示秒 315。我希望它显示：
5 分 15 秒

我正在使用这些链接 链接1 链接2

Answer 1

您可以使用

toFormat

进行转换，然后以您想要的方式显示。

// Import stylesheets
import './style.css';

import { Duration } from 'luxon';

const data = [25, 30, 60, 94, 315];
data.forEach((secondsInput) => {
  const duration = Duration.fromObject({ seconds: secondsInput });

  const minutesSeconds = duration.toFormat('mm:ss');
  const [minutes, seconds] = minutesSeconds.split(':');
  console.log(
    `${minutes && +minutes ? `${+minutes} mins ` : ''}${
      seconds && +seconds ? `${+seconds} sec ` : ''
    }`
  );
});

Stackblitz 演示