Apakah ada cara saya bisa menggunakan metode moment.js format pada objek durasi? Saya tidak dapat menemukannya di mana pun di dokumen dan tidak terlihat sebagai atribut pada objek durasi.

Saya ingin dapat melakukan sesuatu seperti:

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

Juga, jika ada perpustakaan lain yang dapat dengan mudah mengakomodasi fungsi semacam ini, saya akan tertarik pada rekomendasi.

Terima kasih!

Kami ingin menambahkan semacam pemformatan ke durasi di moment.js. Lihat https://github.com/timrwood/moment/issues/463

Beberapa perpustakaan lain yang mungkin membantu adalah http://countdownjs.org/ dan 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);

Lihatlah JSFiddle

konversi durasi ke ms dan kemudian ke momen:

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

Gunakan plugin ini Format Durasi Momen .

Contoh:

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

Gunakan baris kode ini:

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

Skenario terbaik untuk kasus penggunaan khusus saya adalah:

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

Ini meningkatkan jawaban @ Wilson karena tidak mengakses data internal properti pribadi.

Anda tidak perlu .format. Gunakan durasi seperti ini:

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

Saya menemukan solusi ini di sini: https://github.com/moment/moment/issues/463

EDIT:

Dan dengan bantalan untuk detik, menit, dan jam:

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

Saya menggunakan:

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

Dan saya mendapatkan "09:30" di var str.

jika diff adalah sesaat

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

Jika Anda ingin menggunakan pustaka javascript yang berbeda, numeral.js dapat memformat detik sebagai berikut (contohnya untuk 1000 detik):

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

Saya menggunakan fungsi format klasik dalam kasus ini:

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

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

Ini adalah retasan karena perbedaan waktu diperlakukan sebagai tanggal momen standar, waktu tanggal zaman awal, tetapi itu tidak masalah bagi tujuan kami dan Anda tidak memerlukan plugin apa pun

Jika semua jam harus ditampilkan (lebih dari 24) dan jika '0' sebelum jam tidak diperlukan, maka pemformatan dapat dilakukan dengan baris kode pendek:

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

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

Untuk memformat durasi momen ke 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");
}

jika Anda menggunakan sudut menambahkan ini ke filter Anda:

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

contoh penggunaan

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

Solusi saya yang tidak melibatkan perpustakaan lain dan ia bekerja dengan diff> 24jam

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

Bagaimana dengan javascript asli?

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

Gunakan format waktu-durasi .

Kerangka Klien (mis: Bereaksi)

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

Cetakan:

2 hari 14 jam 00 menit 00 detik

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

Anda dapat menggunakan numeral.js untuk memformat durasi Anda:

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

Ini dapat digunakan untuk mendapatkan dua karakter pertama sebagai jam dan dua terakhir sebagai menit. Logika yang sama dapat diterapkan ke detik.

/**
     * 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()telah ditinggalkan. Anda dapat menggunakan moment.utc(4366589).format("HH:mm:ss")untuk mendapatkan respons yang diinginkan.

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>

Bagaimana cara menggunakan durasi moment.js dengan benar? | Gunakan moment.duration () dalam kode

Pertama, Anda perlu mengimpor momentdan moment-duration-format.

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

Kemudian, gunakan fungsi durasi. Mari kita terapkan contoh di atas: 28800 = 8 pagi.

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

🎉Nah, Anda tidak memiliki kesalahan tipe di atas. 🤔Apakah Anda mendapatkan nilai yang tepat 8:00 pagi? Tidak…, nilai yang Anda dapatkan adalah 8:00 a. Format Moment.js tidak berfungsi sebagaimana mestinya.

Solution Solusinya adalah mengubah detik menjadi milidetik dan menggunakan waktu UTC.

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

Baiklah kita dapatkan jam 8:00 pagi sekarang. Jika Anda ingin 8:00 bukan 8:00 untuk waktu yang tidak terpisahkan, kita perlu melakukan RegExp

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

Saya perlu melakukan ini untuk bekerja sebagai persyaratan untuk menampilkan jam dalam format ini. Awalnya saya mencoba ini.

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

Namun apa pun lebih dari 24 jam dan jam diatur ulang ke 0. Tetapi menit dan detik akurat. Jadi saya hanya menggunakan bagian itu untuk menit dan detik.

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

Sekarang yang saya butuhkan adalah total jam.

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

Dan untuk mendapatkan format yang kita semua inginkan, kita rekatkan saja.

var formatted = hours + ":" + minutesSeconds

jika totalMillisecondsini 894600000ini akan kembali249:30:00 .

Harapan itu membantu. Tinggalkan pertanyaan di komentar. ;)

Jika Anda menggunakan Angular> 2, saya membuat Pipa yang terinspirasi oleh jawaban @ hai-alaluf.

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

Ini bekerja untuk saya:

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