blocks|key|441852|text|如果diff是一个瞬间|type|unstyled|depth|inlineStyleRanges|entityRanges|data|441853|var+diff+=+moment(20111031)+-+moment(20111010);
var+formated1+=+moment(diff).format("hh:mm:ss");
console.log("format+1:+"%2Bformated1);|code-block|syntax|javascript|441854|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>if diff is a moment</p>

<pre><code>var diff = moment(20111031) - moment(20111010);
var formated1 = moment(diff).format("hh:mm:ss");
console.log("format 1: "+formated1);
</code></pre>


blocks|key|223578|text|我们正在考虑为moment.js中的持续时间添加某种格式。请参阅https://github.com/timrwood/moment/issues/463|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|223579|其他几个库可能会有所帮助，比如http://countdownjs.org/和https://github.com/icambron/twix.js|223580|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/timrwood/moment/issues/463|1|http://countdownjs.org/|2|https://github.com/icambron/twix.js^0|W|19|0|0|F|N|1|13|Z|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]|$A|Z|B|10|1|11]]|C|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]]]

<p>We are looking into adding some kind of formatting to durations in moment.js. See <a href="https://github.com/timrwood/moment/issues/463">https://github.com/timrwood/moment/issues/463</a></p>

<p>A couple other libraries that might help out are <a href="http://countdownjs.org/">http://countdownjs.org/</a> and <a href="https://github.com/icambron/twix.js">https://github.com/icambron/twix.js</a></p>


blocks|key|223599|text|//+set+up
let+start+=+moment("2018-05-16+12:00:00");+//+some+random+moment+in+time+(in+ms)
let+end+=+moment("2018-05-16+12:22:00");+//+some+random+moment+after+start+(in+ms)
let+diff+=+end.diff(start);

//+execution
let+f+=+moment.utc(diff).format("HH:mm:ss.SSS");
alert(f);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|223600|Have+a+look+at+the+JSFiddle|unstyled|offset|length|223601|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/fhdd8/920/^0|0|0|R|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>// set up
let start = moment("2018-05-16 12:00:00"); // some random moment in time (in ms)
let end = moment("2018-05-16 12:22:00"); // some random moment after start (in ms)
let diff = end.diff(start);

// execution
let f = moment.utc(diff).format("HH:mm:ss.SSS");
alert(f);
</code></pre>

<p><a href="http://jsfiddle.net/fhdd8/920/" rel="noreferrer">Have a look at the JSFiddle</a></p>


blocks|key|223627|text|使用此插件Moment+Duration+Format。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|223628|示例：|223629|moment.duration(123,+"minutes").format("h:mm");|code-block|syntax|javascript|223630|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jsmreese/moment-duration-format^0|5|M|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>Use this plugin <a href="https://github.com/jsmreese/moment-duration-format">Moment Duration Format</a>.</p>

<p>Example:</p>

<pre><code>moment.duration(123, "minutes").format("h:mm");
</code></pre>


blocks|key|223683|text|如果您愿意使用不同的javascript库，numeral.js可以按如下方式格式化秒数(示例为1000秒)：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|223684|var+string+=+numeral(1000).format('00:00');
//+'00:16:40'|code-block|syntax|javascript|223685|entityMap|0|LINK|mutability|MUTABLE|url|http://numeraljs.com/^0|M|A|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>If you're willing to use a different javascript library, <a href="http://numeraljs.com/">numeral.js</a> can format seconds as follows (example is for 1000 seconds):</p>

<pre><code>var string = numeral(1000).format('00:00');
// '00:16:40'
</code></pre>


blocks|key|224014|text|在这些情况下，我使用经典的格式化函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224015|var+diff+=+moment(end).unix()+-+moment(start).unix();

//use+unix+function+instead+of+difference
moment.unix(diff).format('hh:mm:ss')|code-block|syntax|javascript|224016|这是一个技巧，因为时间差异被视为一个标准的时刻日期，一个早期的纪元日期时间，但它与我们的目标无关，您不需要任何插件|224017|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I use the classic format function in these cases:</p>

<pre><code>var diff = moment(end).unix() - moment(start).unix();

//use unix function instead of difference
moment.unix(diff).format('hh:mm:ss')
</code></pre>

<p>This is a hack because the time diff is treated as a standard moment date, an early epoch date time, but it doesn't matter to our goal and you don't need any plugin</p>


blocks|key|224030|text|var+diff+=+moment(end).unix()+-+moment(start).unix();
moment.utc(moment.duration(diff).asMilliseconds()).format("HH:mm:ss.SSS");|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|224031|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var diff = moment(end).unix() - moment(start).unix();
moment.utc(moment.duration(diff).asMilliseconds()).format("HH:mm:ss.SSS");
</code></pre>


blocks|key|442226|text|我使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|442227|var+duration+=+moment.duration("09:30");
var+str+=+moment(duration._data).format("HH:mm");|code-block|syntax|javascript|442228|我在var+str中得到"09:30“。|442229|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I use:</p>

<pre><code>var duration = moment.duration("09:30");
var str = moment(duration._data).format("HH:mm");
</code></pre>

<p>And I get "09:30" in var str.</p>


blocks|key|224235|text|将力矩持续时间格式化为字符串|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224236|var+duration+=+moment.duration(86400000);+//value+in+milliseconds
var+hours+=+duration.hours();
var+minutes+=+duration.minutes();
var+seconds+=+duration.seconds();
var+milliseconds+=+duration.milliseconds();

var+date+=+moment().hours(hours).minutes(minutes).seconds(seconds).millisecond(milliseconds);
if+(is12hr){
++++return+date.format("hh:mm:ss+a");
}else{
++++return+date.format("HH:mm:ss");
}|code-block|syntax|javascript|224237|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>To format moment duration to string</p>

<pre><code>var duration = moment.duration(86400000); //value in milliseconds
var hours = duration.hours();
var minutes = duration.minutes();
var seconds = duration.seconds();
var milliseconds = duration.milliseconds();

var date = moment().hours(hours).minutes(minutes).seconds(seconds).millisecond(milliseconds);
if (is12hr){
    return date.format("hh:mm:ss a");
}else{
    return date.format("HH:mm:ss");
}
</code></pre>


blocks|key|442437|text|如果您使用angular，请将以下代码添加到您的过滤器中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|442438|.filter('durationFormat',+function+()+{
++++return+function+(value)+{
++++++++var+days+=+Math.floor(value/86400000);
++++++++value+=+value%2586400000;
++++++++var+hours+=+Math.floor(value/3600000);
++++++++value+=+value%253600000;
++++++++var+minutes+=+Math.floor(value/60000);
++++++++value+=+value%2560000;
++++++++var+seconds+=+Math.floor(value/1000);
++++++++return+(days?+days+%2B+'+days+':+'')+%2B+(hours?+hours+%2B+'+hours+':+'')+%2B+(minutes?+minutes+%2B+'+minutes+':+'')+%2B+(seconds?+seconds+%2B+'+seconds+':+'')
++++}
})|code-block|syntax|javascript|442439|使用示例|442440|<div>+{{diff+%7C+durationFormat}}+</div>|442441|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>if you use angular add this to your filters:</p>

<pre><code>.filter('durationFormat', function () {
    return function (value) {
        var days = Math.floor(value/86400000);
        value = value%86400000;
        var hours = Math.floor(value/3600000);
        value = value%3600000;
        var minutes = Math.floor(value/60000);
        value = value%60000;
        var seconds = Math.floor(value/1000);
        return (days? days + ' days ': '') + (hours? hours + ' hours ': '') + (minutes? minutes + ' minutes ': '') + (seconds? seconds + ' seconds ': '')
    }
})
</code></pre>

<p>usage example</p>

<pre><code>&lt;div&gt; {{diff | durationFormat}} &lt;/div&gt;
</code></pre>


blocks|key|224305|text|将持续时间转换为毫秒，然后转换为时刻：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224306|moment.utc(duration.as('milliseconds')).format('HH:mm:ss')|code-block|syntax|javascript|224307|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>convert duration to ms and then to moment:</p>

<pre><code>moment.utc(duration.as('milliseconds')).format('HH:mm:ss')
</code></pre>


blocks|key|224344|text|原生javascript怎么样？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224345|var+formatTime+=+function(integer)+{
++++if(integer+<+10)+{
++++++++return+"0"+%2B+integer;+
++++}+else+{
++++++++return+integer;
++++}
}

function+getDuration(ms)+{
++++var+s1+=+Math.floor(ms/1000);
++++var+s2+=+s1%2560;
++++var+m1+=+Math.floor(s1/60);
++++var+m2+=+m1%2560;
++++var+h1+=+Math.floor(m1/60);
++++var+string+=+formatTime(h1)+%2B":"+%2B+formatTime(m2)+%2B+":"+%2B+formatTime(s2);
++++return+string;
}|code-block|syntax|javascript|224346|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>How about native javascript?</p>

<pre><code>var formatTime = function(integer) {
    if(integer &lt; 10) {
        return "0" + integer; 
    } else {
        return integer;
    }
}

function getDuration(ms) {
    var s1 = Math.floor(ms/1000);
    var s2 = s1%60;
    var m1 = Math.floor(s1/60);
    var m2 = m1%60;
    var h1 = Math.floor(m1/60);
    var string = formatTime(h1) +":" + formatTime(m2) + ":" + formatTime(s2);
    return string;
}
</code></pre>


blocks|key|442590|text|如果必须显示所有小时(超过24小时)，并且不需要小时前的'0‘，则可以使用一小行代码进行格式化：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|442591|Math.floor(duration.as('h'))+%2B+moment.utc(duration.as('ms')).format(':mm:ss')|code-block|syntax|javascript|442592|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If all hours must be displayed (more than 24) and if '0' before hours is not necessary, then formatting can be done with a short line of code:</p>

<pre><code>Math.floor(duration.as('h')) + moment.utc(duration.as('ms')).format(':mm:ss')
</code></pre>


blocks|key|442622|text|对于我的特定用例，最好的场景是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|442623|var+duration+=+moment.duration("09:30"),
++++formatted+=+moment.utc(duration.asMilliseconds()).format("HH:mm");|code-block|syntax|javascript|442624|这改进了@Wilson的回答，因为它不访问私有内部属性_data。|442625|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>The best scenario for my particular use case was:</p>

<pre><code>var duration = moment.duration("09:30"),
    formatted = moment.utc(duration.asMilliseconds()).format("HH:mm");
</code></pre>

<p>This improves upon @Wilson's answer since it does not access private internal property _data.</p>


blocks|key|224507|text|如果你使用Angular+>2，我在@hai-alaluf回答的启发下做了一个管道。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224508|import+{Pipe,+PipeTransform}+from+"@angular/core";

@Pipe({
++name:+"duration",
})

export+class+DurationPipe+implements+PipeTransform+{

++public+transform(value:+any,+args?:+any):+any+{

++++//+secs+to+ms
++++value+=+value+*+1000;
++++const+days+=+Math.floor(value+/+86400000);
++++value+=+value+%25+86400000;
++++const+hours+=+Math.floor(value+/+3600000);
++++value+=+value+%25+3600000;
++++const+minutes+=+Math.floor(value+/+60000);
++++value+=+value+%25+60000;
++++const+seconds+=+Math.floor(value+/+1000);
++++return+(days+?+days+%2B+"+days+"+:+"")+%2B
++++++(hours+?+hours+%2B+"+hours+"+:+"")+%2B
++++++(minutes+?+minutes+%2B+"+minutes+"+:+"")+%2B
++++++(seconds+?+seconds+%2B+"+seconds+"+:+"")+%2B
++++++(!days+&&+!hours+&&+!minutes+&&+!seconds+?+0+:+"");
++}
}|code-block|syntax|javascript|224509|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If you use Angular >2, I made a Pipe inspired by @hai-alaluf answer.</p>

<pre><code>import {Pipe, PipeTransform} from "@angular/core";

@Pipe({
  name: "duration",
})

export class DurationPipe implements PipeTransform {

  public transform(value: any, args?: any): any {

    // secs to ms
    value = value * 1000;
    const days = Math.floor(value / 86400000);
    value = value % 86400000;
    const hours = Math.floor(value / 3600000);
    value = value % 3600000;
    const minutes = Math.floor(value / 60000);
    value = value % 60000;
    const seconds = Math.floor(value / 1000);
    return (days ? days + " days " : "") +
      (hours ? hours + " hours " : "") +
      (minutes ? minutes + " minutes " : "") +
      (seconds ? seconds + " seconds " : "") +
      (!days &amp;&amp; !hours &amp;&amp; !minutes &amp;&amp; !seconds ? 0 : "");
  }
}
</code></pre>


blocks|key|442677|text|基于ni-ko-o-kin's+answer|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|442678|meassurements+=+["years",+"months",+"weeks",+"days",+"hours",+"minutes",+"seconds"];
withPadding+=+(duration)+=>+{
++++var+step+=+null;
++++return+meassurements.map((m)+=>+duration[m]()).filter((n,i,a)+=>+{
++++++++var+nonEmpty+=+Boolean(n);
++++++++if+(nonEmpty+%7C%7C step+%7C%7C i+>=+a.length+-+2)+{
++++++++++++step+=+true;
++++++++}
++++++++return+step;
++++}).map((n)+=>+('0'+%2B+n).slice(-2)).join(':')
}

duration1+=+moment.duration(1,+'seconds');
duration2+=+moment.duration(7200,+'seconds');
duration3+=+moment.duration(604800,+'seconds');

withPadding(duration1);+//+00:01
withPadding(duration2);+//+02:00:00
withPadding(duration3);+//+01:07:00:00:00|code-block|syntax|javascript|442679|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/44071876^0|2|K|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>Based on <a href="https://stackoverflow.com/a/44071876">ni-ko-o-kin's answer</a>:</p>

<pre><code>meassurements = ["years", "months", "weeks", "days", "hours", "minutes", "seconds"];
withPadding = (duration) =&gt; {
    var step = null;
    return meassurements.map((m) =&gt; duration[m]()).filter((n,i,a) =&gt; {
        var nonEmpty = Boolean(n);
        if (nonEmpty || step || i &gt;= a.length - 2) {
            step = true;
        }
        return step;
    }).map((n) =&gt; ('0' + n).slice(-2)).join(':')
}

duration1 = moment.duration(1, 'seconds');
duration2 = moment.duration(7200, 'seconds');
duration3 = moment.duration(604800, 'seconds');

withPadding(duration1); // 00:01
withPadding(duration2); // 02:00:00
withPadding(duration3); // 01:07:00:00:00
</code></pre>


blocks|key|224522|text|import+*+as+moment+from+'moment'
var+sleep+=+require('sleep-promise');

(async+function+()+{
++++var+t1+=+new+Date().getTime();
++++await+sleep(1000);+
++++var+t2+=+new+Date().getTime();
++++var+dur+=+moment.duration(t2-t1);+
++++console.log(`${dur.hours()}h:${dur.minutes()}m:${dur.seconds()}s`);
})();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|224523|0h:0m:1s|224524|unstyled|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$B|C]]|$1|F|3|-4|5|G|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>import * as moment from 'moment'
var sleep = require('sleep-promise');

(async function () {
    var t1 = new Date().getTime();
    await sleep(1000); 
    var t2 = new Date().getTime();
    var dur = moment.duration(t2-t1); 
    console.log(`${dur.hours()}h:${dur.minutes()}m:${dur.seconds()}s`);
})();

</code></pre>

<pre><code>0h:0m:1s
</code></pre>


blocks|key|224538|text|使用下面这行代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224539|moment.utc(moment.duration(4500,+"seconds").asMilliseconds()).format("HH:mm:ss")|code-block|syntax|javascript|224540|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Use this line of code:     </p>

<pre><code>moment.utc(moment.duration(4500, "seconds").asMilliseconds()).format("HH:mm:ss")
</code></pre>


blocks|key|224545|text|这对我来说很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224546|moment({minutes:+150}).format('HH:mm')+//+01:30|code-block|syntax|javascript|224547|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This works for me:</p>

<pre><code>moment({minutes: 150}).format('HH:mm') // 01:30
</code></pre>


blocks|key|224571|text|我的解决方案不涉及任何其他库，并且适用于diff+>+24h|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224572|var+momentInSeconds+=+moment.duration(n,'seconds')
console.log(("0"+%2B+Math.floor(momentInSeconds.asHours())).slice(-2)+%2B+':'+%2B+("0"+%2B+momentInSeconds.minutes()).slice(-2)+%2B+':'+%2B+("0"+%2B+momentInSeconds.seconds()).slice(-2))|code-block|syntax|javascript|224573|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>My solution that does not involve any other library and it works with diff > 24h</p>

<pre><code>var momentInSeconds = moment.duration(n,'seconds')
console.log(("0" + Math.floor(momentInSeconds.asHours())).slice(-2) + ':' + ("0" + momentInSeconds.minutes()).slice(-2) + ':' + ("0" + momentInSeconds.seconds()).slice(-2))
</code></pre>


blocks|key|442810|text|您可以使用numeral.js设置持续时间的格式：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|442811|numeral(your_duration.asSeconds()).format('00:00:00')+//+result:+hh:mm:ss|code-block|syntax|javascript|442812|entityMap|0|LINK|mutability|MUTABLE|url|http://numeraljs.com/^0|5|A|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>You can use <a href="http://numeraljs.com/" rel="nofollow noreferrer">numeral.js</a> to format your duration:</p>

<pre><code>numeral(your_duration.asSeconds()).format('00:00:00') // result: hh:mm:ss
</code></pre>


blocks|key|224626|text|使用moment-duration-format。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|224627|客户端框架(例如:+React)|224628|import+moment+from+'moment';
import+momentDurationFormatSetup+from+'moment-duration-format';
momentDurationFormatSetup(moment);

const+breakLengthInMinutes+=+moment.duration(breakLengthInSeconds,+'s').format('m');|code-block|syntax|javascript|224629|服务器(node.js)|224630|const+moment+=+require("moment-timezone");
const+momentDurationFormatSetup+=+require("moment-duration-format");

momentDurationFormatSetup(moment);

const+breakLengthInMinutes+=+moment.duration(breakLengthInSeconds,+'s').format('m');|224631|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jsmreese/moment-duration-format^0|2|M|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|13|8|@]|9|@]|C|$I|J]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

<p>Use <a href="https://github.com/jsmreese/moment-duration-format" rel="nofollow noreferrer">moment-duration-format</a>.</p>

<h1>Client Framework (ex: React)</h1>

<pre class="lang-js prettyprint-override"><code>import moment from 'moment';
import momentDurationFormatSetup from 'moment-duration-format';
momentDurationFormatSetup(moment);

const breakLengthInMinutes = moment.duration(breakLengthInSeconds, 's').format('m');
</code></pre>

<h1>Server (node.js)</h1>

<pre class="lang-js prettyprint-override"><code>const moment = require("moment-timezone");
const momentDurationFormatSetup = require("moment-duration-format");

momentDurationFormatSetup(moment);

const breakLengthInMinutes = moment.duration(breakLengthInSeconds, 's').format('m');
</code></pre>


blocks|key|442882|text|这可以用来获取前两个字符作为小时，最后两个字符作为分钟。同样的逻辑也可以应用于秒。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|442883|​|442884|/**
+++++*+PT1H30M+->+0130
+++++*+@param+{ISO+String}+isoString
+++++*+@return+{string}+absolute+4+digit+number+HH:mm
+++++*/

++++const+parseIsoToAbsolute+=+(isoString)+=>+{
++++
++++++const+durations+=+moment.duration(isoString).as('seconds');
++++++const+momentInSeconds+=+moment.duration(durations,+'seconds');
++++
++++++let+hours+=+momentInSeconds.asHours().toString().length+<+2
++++++++?+momentInSeconds.asHours().toString().padStart(2,+'0')+:+momentInSeconds.asHours().toString();
++++++++
++++++if+(!Number.isInteger(Number(hours)))+hours+=+'0'%2B+Math.floor(hours);
++++
++++++const+minutes+=+momentInSeconds.minutes().toString().length+<+2
++++++++?+momentInSeconds.minutes().toString().padEnd(2,+'0')+:+momentInSeconds.minutes().toString();
++++
++++++const+absolute+=+hours+%2B+minutes;
++++++return+absolute;
++++};
++++
++++console.log(parseIsoToAbsolute('PT1H30M'));|code-block|syntax|javascript|442885|<script+src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment-with-locales.min.js"></script>
<script+src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script+src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>|442886|442887|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>This can be used to get the first two characters as hours and last two as minutes. Same logic may be applied to seconds.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>/**
     * PT1H30M -&gt; 0130
     * @param {ISO String} isoString
     * @return {string} absolute 4 digit number HH:mm
     */

    const parseIsoToAbsolute = (isoString) =&gt; {
    
      const durations = moment.duration(isoString).as('seconds');
      const momentInSeconds = moment.duration(durations, 'seconds');
    
      let hours = momentInSeconds.asHours().toString().length &lt; 2
        ? momentInSeconds.asHours().toString().padStart(2, '0') : momentInSeconds.asHours().toString();
        
      if (!Number.isInteger(Number(hours))) hours = '0'+ Math.floor(hours);
    
      const minutes = momentInSeconds.minutes().toString().length &lt; 2
        ? momentInSeconds.minutes().toString().padEnd(2, '0') : momentInSeconds.minutes().toString();
    
      const absolute = hours + minutes;
      return absolute;
    };
    
    console.log(parseIsoToAbsolute('PT1H30M'));</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment-with-locales.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|224714|text|moment.duration(x).format()已被弃用。您可以使用moment.utc(4366589).format("HH:mm:ss")获取所需的响应。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|224715|​|224716|console.log(moment.utc(4366589).format("HH:mm:ss"))|code-block|syntax|javascript|224717|<script+src="https://momentjs.com/downloads/moment.js"></script>
<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>|224718|224719|entityMap^0|0|R|11|12|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|X|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|Q|$]]

<p><code>moment.duration(x).format()</code> has been deprecated.
You can use<code>moment.utc(4366589).format("HH:mm:ss")</code> to get the desired response.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>console.log(moment.utc(4366589).format("HH:mm:ss"))</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://momentjs.com/downloads/moment.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|442953|text|我需要在工作中执行此操作，以此格式显示小时数。一开始我试过这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|442954|moment.utc(totalMilliseconds).format("HH:mm:ss")|code-block|syntax|javascript|442955|但是，如果超过24小时，则小时数重置为0。但是分钟和秒是准确的。所以我只用了那部分的时间。|442956|var+minutesSeconds+=+moment.utc(totalMilliseconds).format("mm:ss")|442957|现在我需要的是总时数。|442958|var+hours+=+moment.duration(totalMilliseconds).asHours().toFixed()|442959|为了得到我们都想要的格式，我们只需将其粘合在一起。|442960|var+formatted+=+hours+%2B+":"+%2B+minutesSeconds|442961|如果totalMilliseconds为894600000，则返回249:30:00。|offset|length|style|CODE|442962|希望这能帮上忙。请在评论中留下任何问题。;)|442963|entityMap^0|0|0|0|0|0|0|0|0|2|H|K|9|X|9|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|18|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|1A|8|@$U|1B|V|1C|W|X]|$U|1D|V|1E|W|X]|$U|1F|V|1G|W|X]]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1H|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]]|11|$]]

<p>I needed to do this for work as a requirement to display the hours in this format.
At first I tried this.</p>

<pre><code>moment.utc(totalMilliseconds).format("HH:mm:ss")
</code></pre>

<p>However anything over 24 hours and the hours reset to 0.
But the minutes and seconds were accurate.
So I used only that part for the minutes and seconds.</p>

<pre><code>var minutesSeconds = moment.utc(totalMilliseconds).format("mm:ss")
</code></pre>

<p>Now all I need is the total hours.</p>

<pre><code>var hours = moment.duration(totalMilliseconds).asHours().toFixed()
</code></pre>

<p>And to get that format that we all want we just glue it together.</p>

<pre><code>var formatted = hours + ":" + minutesSeconds
</code></pre>

<p>if <code>totalMilliseconds</code> is <code>894600000</code> this will return <code>249:30:00</code>.</p>

<p>Hope that helped. Leave any questions in the comments. ;) </p>


blocks|key|442990|text|只使用moment.js，不使用任何其他插件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|442991|moment().startOf('day').seconds(duration).format('HH:mm:ss')|code-block|syntax|javascript|442992|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Just moment.js without any other plugins</p>
<pre><code>moment().startOf('day').seconds(duration).format('HH:mm:ss')
</code></pre>


<p>Is there any way I can use the <a href="http://momentjs.com/" rel="noreferrer">moment.js</a> <code>format</code> method on duration objects?  I can't find it anywhere in the docs and it doesn't seen to be an attribute on duration objects.</p>
<p>I'd like to be able to do something like:</p>
<pre><code>var diff = moment(end).unix() - moment(start).unix();
moment.duration(diff).format('hh:mm:ss')
</code></pre>
<p>Also, if there are any other libraries which can easily accommodate this sort of functionality, I'd be interested in recommendations.</p>
<p>Thanks!</p>


How to use format() on a moment.js duration?

服务器

有什么方法可以在duration对象上使用 format方法吗？我在文档中找不到它，而且它也不是duration对象的属性。我希望能够做一些如下的事情：var diff = moment(end).unix() - moment(start).unix();moment.duration(diff).format('h...

问如何在moment.js持续时间上使用format()？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在moment.js持续时间上使用format()？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在moment.js持续时间上使用format()？
EN