Gibt es eine Möglichkeit, die moment.js- format Methode für Dauerobjekte zu verwenden? Ich kann es nirgendwo in den Dokumenten finden und es wird nicht als Attribut für Dauerobjekte angesehen.

Ich möchte in der Lage sein, etwas zu tun wie:

var diff = moment(end).unix() - moment(start).unix();
moment.duration(diff).format('hh:mm:ss')

Auch wenn es andere Bibliotheken gibt, die diese Art von Funktionalität problemlos aufnehmen können, wäre ich an Empfehlungen interessiert.

Vielen Dank!

Wir versuchen, die Dauer in moment.js zu formatieren. Siehe https://github.com/timrwood/moment/issues/463

Einige andere Bibliotheken, die helfen könnten, sind http://countdownjs.org/ und https://github.com/icambron/twix.js

// 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);

Schauen Sie sich die JSFiddle an

Konvertiere die Dauer in ms und dann in den Moment:

moment.utc(duration.as('milliseconds')).format('HH:mm:ss')

Verwenden Sie dieses Plugin Moment Duration Format .

Beispiel:

moment.duration(123, "minutes").format("h:mm");

Verwenden Sie diese Codezeile:

moment.utc(moment.duration(4500, "seconds").asMilliseconds()).format("HH:mm:ss")

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

Das beste Szenario für meinen speziellen Anwendungsfall war:

var duration = moment.duration("09:30"),
    formatted = moment.utc(duration.asMilliseconds()).format("HH:mm");

Dies verbessert die Antwort von @ Wilson, da nicht auf die privaten internen Eigenschaften _data zugegriffen wird.

Sie brauchen kein .format. Verwenden Sie die Dauer wie folgt:

const duration = moment.duration(83, 'seconds');
console.log(duration.minutes() + ':' +duration.seconds());
// output: 1:23

Ich habe diese Lösung hier gefunden: https://github.com/moment/moment/issues/463

BEARBEITEN:

Und mit Polsterung für Sekunden, Minuten und Stunden:

const withPadding = (duration) => {
    if (duration.asDays() > 0) {
        return 'at least one day';
    } else {
        return [
            ('0' + duration.hours()).slice(-2),
            ('0' + duration.minutes()).slice(-2),
            ('0' + duration.seconds()).slice(-2),
        ].join(':')
    }
}

withPadding(moment.duration(83, 'seconds'))
// 00:01:23

withPadding(moment.duration(6048000, 'seconds'))
// at least one day

Ich benutze:

var duration = moment.duration("09:30");
var str = moment(duration._data).format("HH:mm");

Und ich bekomme "09:30" in var str.

wenn diff ein Moment ist

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

Wenn Sie bereit sind, eine andere Javascript-Bibliothek zu verwenden, kann numeral.js Sekunden wie folgt formatieren (Beispiel: 1000 Sekunden):

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

In diesen Fällen verwende ich die klassische Formatfunktion:

var diff = moment(end).unix() - moment(start).unix();

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

Dies ist ein Hack, da der Zeitunterschied als Standard-Moment-Datum behandelt wird, als Datum einer frühen Epoche, aber es spielt für unser Ziel keine Rolle und Sie benötigen kein Plugin

Wenn alle Stunden angezeigt werden müssen (mehr als 24) und wenn '0' vor Stunden nicht erforderlich ist, kann die Formatierung mit einer kurzen Codezeile erfolgen:

Math.floor(duration.as('h')) + moment.utc(duration.as('ms')).format(':mm:ss')

Basierend auf der Antwort von ni-ko-o-kin :

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 || step || i >= a.length - 2) {
            step = true;
        }
        return step;
    }).map((n) => ('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

Zum Formatieren der Momentdauer in einen String

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");
}

Wenn Sie Winkel verwenden, fügen Sie dies Ihren Filtern hinzu:

.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 ': '')
    }
})

Anwendungsbeispiel

<div> {{diff | durationFormat}} </div>

Meine Lösung, die keine andere Bibliothek beinhaltet und mit diff> 24h funktioniert

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))

Wie wäre es mit nativem Javascript?

var formatTime = function(integer) {
    if(integer < 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;
}

Verwenden Sie das Moment-Dauer-Format .

Client Framework (Beispiel: Reagieren)

import moment from 'moment';
import momentDurationFormatSetup from 'moment-duration-format';
momentDurationFormatSetup(moment);

const breakLengthInMinutes = moment.duration(breakLengthInSeconds, 's').format('m');

Server (node.js)

const moment = require("moment-timezone");
const momentDurationFormatSetup = require("moment-duration-format");

momentDurationFormatSetup(moment);

const breakLengthInMinutes = moment.duration(breakLengthInSeconds, 's').format('m');

const duration = moment.duration(62, 'hours');
const n = 24 * 60 * 60 * 1000;
const days = Math.floor(duration / n);
const str = moment.utc(duration % n).format('H [h] mm [min] ss [s]');
console.log(`${days > 0 ? `${days} ${days == 1 ? 'day' : 'days'} ` : ''}${str}`);

Drucke:

2 Tage 14 h 00 min 00 s

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`);
})();

0h:0m:1s

Sie können numeral.js verwenden, um Ihre Dauer zu formatieren:

numeral(your_duration.asSeconds()).format('00:00:00') // result: hh:mm:ss

Dies kann verwendet werden, um die ersten beiden Zeichen als Stunden und die letzten zwei als Minuten abzurufen. Dieselbe Logik kann auf Sekunden angewendet werden.

/**
     * 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'+ Math.floor(hours);
    
      const minutes = momentInSeconds.minutes().toString().length < 2
        ? momentInSeconds.minutes().toString().padEnd(2, '0') : momentInSeconds.minutes().toString();
    
      const absolute = hours + minutes;
      return absolute;
    };
    
    console.log(parseIsoToAbsolute('PT1H30M'));

<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>

moment.duration(x).format()wurde veraltet. Sie können verwenden moment.utc(4366589).format("HH:mm:ss"), um die gewünschte Antwort zu erhalten.

console.log(moment.utc(4366589).format("HH:mm:ss"))

<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>

Wie verwende ich die Dauer von moment.js richtig? | Verwenden Sie moment.duration () im Code

Zuerst müssen Sie importieren momentund moment-duration-format.

import moment from 'moment';
import 'moment-duration-format';

Verwenden Sie dann die Dauerfunktion. Wenden wir das obige Beispiel an: 28800 = 8 Uhr.

moment.duration(28800, "seconds").format("h:mm a");

🎉Nun, Sie haben oben keinen Tippfehler. »Erhalten Sie um 8:00 Uhr einen richtigen Wert? Nein…, der Wert, den Sie erhalten, ist 8:00 a. Das Format von Moment.j funktioniert nicht wie vorgesehen.

💡Die Lösung besteht darin, Sekunden in Millisekunden umzuwandeln und die UTC-Zeit zu verwenden.

moment.utc(moment.duration(value, 'seconds').asMilliseconds()).format('h:mm a')

Gut, wir bekommen jetzt 8:00 Uhr. Wenn Sie 8 Uhr statt 8 Uhr für die Gesamtzeit möchten, müssen wir RegExp durchführen

const time = moment.utc(moment.duration(value, 'seconds').asMilliseconds()).format('h:mm a');
time.replace(/:00/g, '')

Ich musste dies für die Arbeit tun, um die Stunden in diesem Format anzuzeigen. Zuerst habe ich es versucht.

moment.utc(totalMilliseconds).format("HH:mm:ss")

Jedoch alles über 24 Stunden und die Stunden auf 0 zurückgesetzt. Aber die Minuten und Sekunden waren genau. Also habe ich nur diesen Teil für die Minuten und Sekunden verwendet.

var minutesSeconds = moment.utc(totalMilliseconds).format("mm:ss")

Jetzt brauche ich nur noch die Gesamtstunden.

var hours = moment.duration(totalMilliseconds).asHours().toFixed()

Und um das Format zu erhalten, das wir alle wollen, kleben wir es einfach zusammen.

var formatted = hours + ":" + minutesSeconds

Wenn dies der Fall totalMillisecondsist, wird 894600000dies zurückkehren 249:30:00.

Hoffe das hat geholfen. Hinterlassen Sie Fragen in den Kommentaren. ;)

Wenn Sie Angular> 2 verwenden, habe ich eine Pipe erstellt, die von der Antwort @ hai-alaluf inspiriert ist.

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 && !hours && !minutes && !seconds ? 0 : "");
  }
}

Das funktioniert bei mir:

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