Moment.js如何以dd:hh:mm:ss格式获取两个日期之间的差异？

Question

我正在计算当前日期的直至晚上11:59的时间。以下是一个例子。

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.js"></script>
<script>

    setInterval(function() {

        var now = moment();
        var mid = moment();
        mid = mid.endOf('day');

        var diffHours = mid.diff(now, 'hours');
        var diffMinutes = mid.diff(now, 'minutes');
        var diffSeconds = mid.diff(now, 'seconds');

        console.log(diffHours + "h " + diffMinutes + "m " + diffSeconds + "s");

    }, 1000)

</script>

然而，我希望它能显示像20小时13分钟49秒这样的时间，但我得到的是20小时1255分钟73500秒。

我理解这基本上是预期效果，但我该如何实现我所需的格式呢？

- JohnWick

---

你可以看一下 https://github.com/jsmreese/moment-duration-format 这个库，它会确保你不需要再去处理时区的问题。 - t.niese

谢谢t.niese，我在另一个SO答案中听说过这个建议，用于解决其他人遇到的类似问题。所以我会研究一下它，但现在我认为我已经相当容易地找到了我想要的方法。 - JohnWick

Answer 1

您需要在每个“diff”之后修改您的“now”变量。

var hours = mid.diff(now, 'hours'); //Get hours 'till end of day
now.hours(now.hours() + hours);
var minutes = mid.diff(now, 'minutes');

- Etheryte

---

谢谢您的快速回复。我找到了另一种方法，可以使用更少的代码行。代码 var now = moment(); var mid = moment(); mid = mid.endOf('day'); var diff = moment.utc(moment(mid,"DD/MM/YYYY HH:mm:ss").diff(moment(now,"DD/MM/YYYY HH:mm:ss"))).format("HH:mm:ss")); - JohnWick

显然这取决于你想要的输出方式。对于那个样本，如果你想将其用作变量，仍需要解析它以分离变量。 - Etheryte

非常正确，尼特。再次感谢！ - JohnWick

Answer 2

仅供比较，这是David Stampher在另一个回答中评论的moment.js示例，显示从“今天”起到23:59:59.999的时间，并且同样的功能在普通JS中：

// Moment.js version
var now = moment();
var mid = moment();
mid = mid.endOf('day');
var diff1 = moment.utc(moment(mid, "DD/MM/YYYY HH:mm:ss")
             .diff(moment(now, "DD/MM/YYYY HH:mm:ss")))
           .format("HH:mm:ss");

console.log('moment.js: ' + diff1);

// POJS version
var z = (n) => (n<10? '0' : '') + n;
var ms = new Date().setHours(23,59,59,999) - new Date();
var diff2 = z(ms/3.6e6|0) + ':' +
            z(ms%3.6e6/6e4|0) + ':' +
            z(ms%6e4/1e3|0);

console.log('plain js : ' + diff2);

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>

- RobG

---

将近两年后，这对我非常有效 :) 谢谢RobG - FreakyCoder