มีวิธีใดบ้างที่ฉันสามารถใช้วิธีmoment.js formatกับวัตถุระยะเวลา ฉันไม่พบที่ใดก็ได้ในเอกสารและไม่เห็นว่าเป็นคุณลักษณะของวัตถุระยะเวลา

ฉันต้องการทำสิ่งที่ชอบ:

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

นอกจากนี้หากมีห้องสมุดอื่นใดที่สามารถรองรับฟังก์ชั่นประเภทนี้ได้อย่างง่ายดายฉันจะสนใจเรื่องคำแนะนำอีกครั้ง

ขอบคุณ!

เรากำลังมองหาการเพิ่มการจัดรูปแบบบางอย่างให้กับระยะเวลาใน moment.js ดูhttps://github.com/timrwood/moment/issues/463

ห้องสมุดอื่น ๆ ที่อาจช่วยได้คือhttp://countdownjs.org/และ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);

ดูที่ JSFiddle

แปลงระยะเวลาเป็นมิลลิวินาทีและจากนั้นเป็นโมเมนต์:

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

ใช้ปลั๊กอินนี้Moment รูปแบบระยะเวลา

ตัวอย่าง:

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

ใช้รหัสบรรทัดนี้:

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

สถานการณ์ที่ดีที่สุดสำหรับกรณีการใช้งานเฉพาะของฉันคือ:

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

สิ่งนี้ปรับปรุงจากคำตอบของ @ Wilson เนื่องจากไม่สามารถเข้าถึงคุณสมบัติภายในส่วนตัว _data

คุณไม่ต้องการรูปแบบ ใช้ระยะเวลาเช่นนี้:

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

ฉันพบโซลูชันนี้ที่นี่: https://github.com/moment/moment/issues/463

แก้ไข:

และด้วยการขยายเป็นวินาที, นาทีและชั่วโมง:

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

ฉันใช้:

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

และฉันได้รับ "09:30" ใน var str

ถ้าต่างกันสักครู่

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

หากคุณยินดีที่จะใช้ห้องสมุด javascript ที่แตกต่างกันnumeral.jsสามารถจัดรูปแบบวินาทีดังต่อไปนี้ (ตัวอย่างเป็นเวลา 1,000 วินาที):

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

ฉันใช้ฟังก์ชั่นรูปแบบคลาสสิกในกรณีเหล่านี้:

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

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

นี่คือแฮ็กเนื่องจากเวลาต่างกันจะถือว่าเป็นช่วงเวลามาตรฐานช่วงเวลาเริ่มต้น แต่ไม่สำคัญกับเป้าหมายของเราและคุณไม่ต้องการปลั๊กอินใด ๆ

หากต้องแสดงชั่วโมงทั้งหมด (มากกว่า 24) และหากไม่ต้องการ '0' ก่อนเวลาทำการการจัดรูปแบบสามารถทำได้ด้วยรหัสย่อ:

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

ตามคำตอบของ 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

เพื่อจัดรูปแบบช่วงเวลาขณะที่สตริง

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

ถ้าคุณใช้มุมเพิ่มตัวกรองของคุณ:

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

ตัวอย่างการใช้งาน

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

โซลูชันของฉันที่ไม่เกี่ยวข้องกับห้องสมุดอื่น ๆ และใช้ได้กับ diff> 24 ชั่วโมง

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

จาวาสคริปต์ดั้งเดิมมีวิธีการอย่างไร

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

ใช้ช่วงเวลาระยะเวลารูปแบบ

กรอบงานลูกค้า (เช่นตอบกลับ)

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

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

เซิร์ฟเวอร์ (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}`);

พิมพ์:

2 วัน 14 ชั่วโมง 00 นาที 00 วินาที

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

คุณสามารถใช้numeral.jsเพื่อจัดรูปแบบระยะเวลาของคุณ:

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

สามารถใช้เพื่อรับอักขระสองตัวแรกเป็นชั่วโมงและสองตัวสุดท้ายเป็นนาที ตรรกะเดียวกันอาจใช้กับวินาที

/**
     * 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()เลิกใช้แล้ว คุณสามารถใช้moment.utc(4366589).format("HH:mm:ss")เพื่อรับการตอบสนองที่ต้องการ

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>

วิธีการใช้ช่วงเวลา moment.js อย่างถูกต้อง? | ใช้ moment.duration () ในรหัส

แรกที่คุณจำเป็นต้องนำเข้าและmomentmoment-duration-format

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

จากนั้นใช้ฟังก์ชั่นระยะเวลา ให้เราใช้ตัวอย่างด้านบน: 28800 = 8 am

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

🎉ดีคุณไม่มีข้อผิดพลาดประเภทด้านบน you คุณได้รับสิ่งที่คุ้มค่า 8:00 น. ไม่…ค่าที่คุณได้รับคือ 8:00 น. รูปแบบ Moment.js ไม่ทำงานอย่างที่ควรจะเป็น

solution วิธีแก้ไขคือแปลงวินาทีเป็นมิลลิวินาทีและใช้เวลา UTC

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

ทั้งหมดที่เราได้รับ 8:00 น. ตอนนี้ หากคุณต้องการเวลา 8 โมงเช้าแทนที่จะเป็นเวลา 8:00 น. เราจะต้องใช้ RegExp

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

ฉันต้องทำสิ่งนี้เพื่อทำงานตามความต้องการในการแสดงชั่วโมงในรูปแบบนี้ ตอนแรกฉันลองทำ

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

อย่างไรก็ตามสิ่งที่เกิน 24 ชั่วโมงและชั่วโมงที่รีเซ็ตเป็น 0 แต่นาทีและวินาทีมีความแม่นยำ ดังนั้นฉันจึงใช้เฉพาะส่วนนั้นเป็นเวลานาทีและวินาที

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

ตอนนี้สิ่งที่ฉันต้องการคือจำนวนชั่วโมงทั้งหมด

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

และเพื่อให้ได้รูปแบบนั้นที่เราทุกคนต้องการ

var formatted = hours + ":" + minutesSeconds

ถ้าtotalMillisecondsเป็นนี้จะกลับมา894600000249:30:00

หวังว่าจะช่วย ฝากคำถามใด ๆ ในความคิดเห็น ;)

ถ้าคุณใช้ Angular> 2 ฉันสร้าง Pipe โดย @ hai-alaluf answer

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

สิ่งนี้ใช้ได้กับฉัน:

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