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

【问题标题】：Moment.js Get difference between two dates in the dd:hh:mm:ss format?Moment.js 以 dd:hh:mm:ss 格式获取两个日期之间的差异？
【发布时间】：2015-02-22 11:08:14
【问题描述】：

我正在计算直到当天晚上 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>

但是，我希望它会显示一个时间，例如 20h 13m 49s，而不是我得到 20h 1255m 73500s

我知道这几乎可以按预期工作，但是我怎样才能实现我正在寻找的格式？

【问题讨论】：

你可以看看https://github.com/jsmreese/moment-duration-format，它应该注意你不需要弄乱时区。
感谢 t.niese，我听说这是在另一个 SO 答案中推荐的，用于解决其他人遇到的类似问题。所以会调查它，但现在我想我找到了一种方法，也很容易做我想做的事。

标签： javascript date momentjs

【解决方案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');

【讨论】：

感谢您的快速回复。我找到了另一种方法，它使用更少的代码行。 code var now = 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"));
很明显，这取决于您希望输出的方式。如果您想使用该示例，您仍然必须将其解析为单独的变量。
非常真实的尼特。再次感谢！

【解决方案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);

&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"&gt;&lt;/script&gt;

【讨论】：

经过将近两年的时间，这对我来说非常有效:) 谢谢 RobG