Moment: 지속 시간 서식

+1

moment.duration(x).format("H:mm:ss") 이(가) 작동하지 않는다는 것을 이해하기 전에 정확히 예상했던 것입니다. Matt가 제안한 해결 방법은 잘 작동했지만 momentjs의 다른 것들의 우아함과 비교하면 확실히 해킹된 것 같습니다.

하는게 낫지않나요

moment.utc(total.asMilliseconds()).format("HH:mm:ss");

대신에

Math.floor(duration.asHours()) + moment.utc(duration.asMilliseconds()).format(":mm:ss")

@RobinvdVleuten - 현재 포맷터에서 HH 를 사용할 때의 문제는 전체 날짜 및 시간의 _부분_시를 나타냅니다. _elapsed_ 시간을 처리할 때 24시간 이상이 있을 수 있습니다. 24시간을 경과하면 0으로 재설정되는 것을 볼 수 있습니다.

나는 그것을 정말로 알아차렸다. 이제 계산된 밀리초를 사용하여 형식을 지정하고 있지만 여전히 해킹 해결 방법입니다.

한 가지 "수준"의 나머지가 가능하다고 생각하십니까? 예를 들어 "수개월을 계산한 후 몇 시간"이라고 말할 방법이 없습니까? 나는 그것이 완벽하게 합리적인 제한이라고 생각하지만, 잠시만 뱉어내자면 다음과 같이 "앵커" 인수를 제공하는 것을 상상할 수 있습니다.

moment.duration(x).format("hh:mm:ss", "M");

이는 시간이 월 단위로 되어야 함을 알려줍니다. 앵커는 선택 사항이며 기본적으로 가장 큰 단위에 한 크기를 더한 값(이 경우 일)이 설정됩니다. 마찬가지로 문자열 자체를 사용하여 분이 모듈로 시간 및 초 모듈로 분인지 결정할 수 있습니다. 반면에 다음을 수행한 경우:

moment.duration(x).format("hh:ss");

...초는 모듈로 시간입니다.

그것은 아마도 훌륭한 아이디어가 아닐 것입니다. 정리되지 않았고(이 계층 구조에서 몇 주가 지나야 합니까?) 아마도 불필요할 것입니다(사람들은 그런 구멍을 원하지 않을 것입니다). 하지만 생각해보면 재미있다.

좀 더 진지하게 말하자면, 이 소문자/대문자 표기법으로 월과 분을 어떻게 처리하시겠습니까?

나는 일이 최대 단위 크기가 될 것이라고 상상하고 있었기 때문에 월은 그림에 포함되지 않았습니다. 기본적으로 이것은 asp.net 시간 범위에서 오는 기간을 구문 분석하는 방법의 반대입니다.

말이된다.

나는 SCORM 2004 RTE (p77) 문서를 읽고 있었고 시간 간격 표현이 다음과 같다는 것을 발견했습니다. 이것은 표준에서 나온 것이라고 생각합니다.

이론적으로 다음과 같은 값을 전달할 수 있습니다. P34H
파서는 1일 및 10시간으로 해석해야 합니다.

이것을 염두에 두고 출력을 포맷할 수 있기를 바랍니다.
'PHM'처럼
포맷터는 이를 총 남은 시간(분)으로 해석합니까?
HH:MM과 같은 출력 형식을 지정하고 싶습니다.

이 정보가 도움이 되기를 바랍니다

timeinterval(second, 10,2): timeinterval(second, 10, 2)은 다음 값을 나타냅니다.
데이터 모델 요소 timeinterval은 0.01의 정밀도로 경과 시간을 나타냅니다.
초[1]. SCORM 점 표기법 바인딩은 특정 형식을 정의합니다.
시간 간격을 나타내는 문자열.
문자열의 형식은 다음과 같습니다.
P[yY][mM][dD][T[hH][nM][s[.s]S]] 여기서:
• y: 년 수(정수, >= 0, 제한 없음)
• m: 개월 수(정수, >=0, 제한 없음)
• d: 일 수(정수, >=0, 제한 없음)
• h: 시간 수(정수, >=0, 제한 없음)
• n: 분 수(정수, >=0, 제한 없음)
• s: 초 수 또는 초의 분수(실수 또는 정수, >=0, 아님
제한된). 초의 분수가 사용되는 경우 SCORM은 문자열을 다음으로 추가로 제한합니다.
최대 2자리(예: 34.45 – 유효, 34.45454545 – 유효하지 않음).
• 문자 리터럴 지정자 P, Y, M, D, T, H, Mand S는 다음과 같은 경우 나타납니다.
해당하는 0이 아닌 값이 있습니다.
• 값의 제로 패딩이 지원되어야 합니다. 제로 패딩은 변경되지 않습니다.
문자 집합으로 표시되는 숫자의 정수 값입니다. 을위한
예를 들어, PT05H는 PT5H 및 PT000005H와 동일합니다.
예시:
• P1Y3M2DT3H는 1년 3개월 2일 3시간의 기간을 나타냅니다.
• PT3H5M은 3시간 5분의 시간을 나타냅니다.

구현자는 형식과 바인딩이
SCO와 LMS 간의 데이터. 형식은 기간을 나타내므로,
PT5M과 같은 지속 시간은 PT300S와 동일합니다.
timeinterval(second,10,2) 유형의 데이터 모델 요소에 값이 포함된 경우
• 지정자 P가 있어야 합니다.
• 년, 월, 일, 시, 분 또는 초의 값이 0이면 값
해당 문자 리터럴 지정은 생략될 수 있지만 적어도 하나는
문자 리터럴 지정자와 값이 지정자에 추가로 있어야 합니다.
피;
• 모든 시간 구성 요소(시, 분
및 초)는 사용되지 않습니다. 0 값은 언제든지 사용할 수 있습니다.
구성 요소(예: PT0S).

기간 형식은 훌륭한 추가 기능입니다. 두 개의 고유한 "시간" 토큰이 필요하지 않습니다. 기간을 32시간으로 가정합니다. 1일도 빼지 않고 8시간만 뽑고 싶지는 않을 것입니다.

@icambron 이 좋은 제안을 했다고 생각합니다. 형식 문자열을 토큰으로 구문 분석하고 가장 큰 단위로 기간을 표현합니다. 토큰을 한 번에 하나씩 순서대로 구문 분석합니다(예: "DD:hh:ss"는 완료 일 수, 일 계산 후 완료 시간 수, 일 + 시간 계산 후 완료 초 수를 의미함).

나는 moment.duration.format 플러그인을 게시했습니다.
https://github.com/jsmreese/moment-duration-format

이 스레드에서 대부분의 아이디어/사용 사례를 다룬다고 생각합니다.

@jsmreese momentjs 의 핵심 부분으로 플러그인이 포함된 풀 리퀘스트를 제출하는 것을 고려하셨습니까?

@hotzenklotz 예, 풀 리퀘스트 제출을 고려했습니다.

@icambron 이 #1538에 나와 있는 모든 이유 때문에 그렇게 하지 않았습니다.

내 플러그인:

• Lo-Dash에 의존
• Moment.js 코드처럼 보이고 느껴지지 않습니다.
• 완전히 다른 테스트 설정을 사용합니다.

내 플러그인이 Moment.js 코어의 일부가 되기를 _사랑_하고 싶지만... 이러한 문제가 해결되기 전에 끌어오기 요청으로 시간을 낭비하지 않을 것입니다.

또한 코드가 국제화될 수 있는지 확인하고 싶습니다. 다행히도 우리가 필요로 하는 대부분의 문자열은 유니코드 CLDR에 있으므로 번역 작업이 거의 필요하지 않습니다.

CLDR에는 특정 종류의 간격 형식을 지정하는 방법에 대한 로케일별 권장 사항도 있습니다. 이는 임의의 기간 형식보다 잠재적으로 더 유용할 수 있습니다. 이것이 여기에 어떻게 맞는지 확실하지 않지만 두 개의 특정 시간 사이에 로케일별 간격을 자동으로 표시할 수 있으면 좋을 것입니다.

CLDR에는 특정 시점에서 유용할 수 있는 특정 시간 간격(기간이 아닌)을 표시하는 방법에 대한 정보도 있습니다.

영어(미국) 캘린더 데이터

Lo-Dash 또는 Underscore에 대한 이전 종속성을 제거하는 Moment Duration Format의 새 버전을 방금 게시했습니다.

https://github.com/jsmreese/moment-duration-format

@jsmreese 는 우리의 요구에 완벽하게 맞습니다. 감사 해요!

+1

+1

+1

+1

+1

+1

+1

+1

이 문제에 대한 기록이 깨진 것처럼 들릴 수 있지만 가능한 모든 솔루션이 기존 규칙을 따르고 쉽게 국제화될 수 있도록 하고 싶습니다(일반적으로 사용되는 기간 형식에 대해 LLLL 와 유사한 기호 추가 포함) .

다소 성가시게도 CLDR은 다른 곳에서 순간에 사용할 수 있는 광범위한 상대적 지속 시간 및 간격 지침이 있지만 형식 지속 시간에 대한 많은 특정 지침을 제공하지 않습니다. 그러나 humanize() 와 같은 것을 구현할 때 관련 단위를 연결할 수 있도록 지속 시간 단위 에 대한 몇 가지 최소한의 지침과 번역을 제공합니다.

위에서 설명한 hh / h 구문은 ISO8601, CLDR 및 Apache 에서 사용하는 형식화 토큰에서 크게 벗어나는 것처럼 느껴지므로 가능하면 사용하지 않는 것이 좋습니다.

더 나은 제안은 형식화 패턴에서 가장 중요한 단위를 모듈로 사용하도록 추론하는 것일 수 있으므로 h:mm:ss 는 "정상" 시간을 표시하지만 24시간을 초과한 시간(예: 26:30:00)을 계산합니다. "HH:MM:ss" 와 같은 패턴을 계산하는 방법이나 그 사용 사례가 무엇인지는 불분명합니다. 개발자가 이 동작을 무시하도록 허용하는 것도 버그의 원인이 되기 쉽습니다.

"i18n everywhere"의 정신을 유지하면서 CLDR은 다음과 같은 기간 형식을 정의합니다.

• 시간 + 분(EN-US h:mm )
• 시간 + 분 + 초(EN-US의 경우 h:mm:ss )
• 분 + 초(EN-US의 경우 m:ss )
  그리고 이러한 기간 동안 로케일별 상수( LLL 날짜 형식과 유사)를 제공하는 것이 합리적일 수 있습니다.

불행히도 시간보다 큰 단위로 지속 시간을 형식화하는 것은 단일 형식화 문자열을 통해 표현하기가 정말 어렵습니다(복수화 규칙 덕분에 고려해야 함). 24시간보다 긴 지속 시간의 쉽고 i18n 친화적인 형식. 당신이 할 수 있는 최선은 duration.humanize() 을 확장하여 몇 가지 추가 매개변수를 가져 와서 #463의 원래 제안을 효과적으로 구현하는 것입니다.

간단히 말해서 duration.format() 를 구현하는 것은 좋은 생각이 아닐 수 있습니다. 상당한 함정이 있는 잠재적 솔루션이 있기 때문입니다. 가장 좋은 방법은 duration.humanize() 를 개선하거나 시, 분, 초만 이해하는 축소된 duration.format() 을 구현하는 것입니다.

+1

패딩을 추가하는 빠른 기능이 필요한 경우:

function padWithZero(input, length) {
    // Cast input to string
    input = "" + input;

    let paddingSize = Math.max(0, length - input.length);
    return new Array(paddingSize > 0 ? paddingSize + 1 : 0).join("0") + input;
}

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

:+1:

:+1: 놀란 순간은 이렇게 하지 않습니다. 대개는 결코 실패하지 않습니다!

+1 위에서 언급한 순간 지속 시간 형식을 사용했지만 국제화되지 않았습니다. 나는 일을 출력하려고 노력하고 있으며 실제로 레이블이 필요한 개월도 필요할 것입니다.

이 문제에 진전이 있습니까?

+1

+1

+1

+1

:+1:

+1
왜 아직 핵심이 아니지?

+1 +1 +1 +1 +1

+1

+2

@jsmreese 플러그인이 i18n을 지원합니까?

@rumeshwick : 아마도? 그것은 당신이 i18n을 어떻게 하고 있고 내 플러그인에서 무엇을 기대하는지에 달려 있습니다.

+1

나는 이런 종류의 해킹이 가능하다는 것을 알았습니다.

  var dur = moment.duration('PT90M');
  moment(dur._data).format('[it\'s] D [days and] h [hour]');

결과:

"1일 1시간입니다"

그러나 "1일 90분"과 같은 내용은 인쇄할 수 없습니다.
제 목적에는 이것으로 충분합니다.
그것은 i18n을 포함하지 않지만 제 경우에는 이것이 moment.js에 의해 해결되는 것을 원하지 않습니다.

안녕하세요, 여기에 Ember.JS 도우미가 있습니다.

https://github.com/ember-building-blocks/ember-hbs-date-helpers

+1

@vanthome 의 해킹 방식에 대해 +1:+1:

@jsmreese - 플러그인을 모멘트 코어에 병합하는 데 관심이 있으십니까? 매우 유용할 것이며 매우 감사할 것입니다.

새로운 ES6 구현에 맞게 다시 포맷해야 하고 일부 중복 기능을 순간에 해당하는 기능으로 교체해야 하지만 전반적으로 상당히 쉬울 것이라고 생각합니다.

@mj1856 확실히 관심이 있습니다. 몇 가지 질문이 있는 이메일로 핑을 보내드리겠습니다.

야! 잘가요, @jsmreese 와 @mj1856!!! :짝: :짝: :짝:

나는 @jsmreese 의 플러그인을 moment js에 병합하자고 제안하기 위해 여기에 왔습니다.

+1

+1

@jsmreese 는 시간이 부족한 것 같아서 Up For Grabs로 표시합니다. 기본적으로 제안된 PR은 @jsmreese 의 moment-duration-format 플러그인 의 모든 기능을 구현해야 하지만 현재 moment.js에서 사용되는 ES2015 스타일을 준수해야 하며 기존 순간을 최대한 재사용해야 합니다. 코드 크기를 최소화하는 js 기능.

+1

@jsmreese 의 moment-duration-format 플러그인에 없는 기능 중 하나는 형식화된 문자열에서 duration 객체를 다시 생성하는 기능입니다.

안녕하세요 @mj1856 , 저는 형식 플러그인을 순간에 통합하는 데 관심이 있습니다. Up-For-Grabs 레이블이 있는 여기에서 기여는 어떻게 작동합니까? 그냥 작업하고 develop 지점에 PR을 제출해야 합니까, 아니면 다른 사람이 요청한 것입니까?

@joshrowley 청구되지는 않았지만 완료하면 영웅이 될 것입니다. 계속해서 가져가고 준비가 되면 풀을 제출하세요. 이것은 다른 것보다 조금 더 까다로울 것이므로 원하는 경우 완료되기 전에 검토를 위해 풀 리퀘스트를 제출하십시오. 우리는 계속 주시할 것입니다. 우리는 이것으로 라이브러리의 크기를 폭발시키지 않는 것에 대해 까다로울 것입니다 - 그것은 이미 우리가 원하는 것보다 더 큽니다. 그 점에 유의하시기 바랍니다.

아마도 나는 이것을 (또는 대신) 처리 할 것이지만 먼저 전체 순간 dev 구조에 맞아야합니다.

진행중인 PR: #3308

안녕하세요 여러분, #3615에서 PR을 열었고 그것에 대해 관심을 갖고 싶습니다!

아마도 이것은 관련이 있습니다 - 발생한 문제:
moment.duration(3500000).format("hh:mm", { forceLength: true })
결과 표시 : 00:58이 아닌 58

http://stackoverflow.com/questions/41443233/using-moment-js-to-display-duration-in-format-00xx-when-duration-is-less-than-a

ms = moment(moment().format(),"YYYY-MM-DD HH:mm:ss").diff(moment(time,"YYYY-MM-DD HH:mm:ss"));
var duration = moment.duration(ms);
moment(duration._data).format("HH:mm");

지속 시간 형식을 지정하는 또 다른 해킹....

var timeInSeconds = 5000;
var formattedDur = moment("1900-01-01 00:00:00").add(timeInSeconds, 'seconds').format("HH:mm:ss");

+1

@fabiogalera 및 @befreestudios 가 게시한 해킹은 24시간 미만의 기간 동안 잘 작동하는 것으로 보이지만 24시간보다 긴 기간 동안은 둘 다 작동하지 않습니다.

편집: 이것은 이전 버전의 moment에 있기 때문인 것 같습니다. 방금 최신 버전으로 다시 시도했는데 예상대로 작동합니다. 혼란을 드려 죄송합니다.
-
나는 또한 이 스레드의 맨 위에 @mj1856 이 게시한 원래 해킹에서 이상한 반올림 오류/에지 케이스를 발견했습니다. 예를 들어, 2.3시간 또는 4.1시간을 시도하십시오. 이는 분 단위로 균등하게 나누어야 하는 10진수 값입니다.

예를 들어, 2.3은 정확히 2:18:00이어야 하지만 2:17:59가 됩니다. 그리고 4.1은 정확히 4:06:00이어야 하지만 4:05:59가 됩니다. 이것은 duration.asXXX() 메서드에 정밀도/반올림 문제가 있기 때문인 것 같습니다. 다른 사람이 이것을 보고 어떤 제안이 있습니까?

다음은 Date.format(https://gist.github.com/ptquang86/2893903)을 기반으로 하는 duration.format에 대한 내 기능입니다.

moment.duration.fn.format = moment.duration.fn.format || function (mask): string {
            // Some common format strings
            let formatMasks = {
                "default":      "DD MM YYYY HH:mm:ss",
                shortDate:      "M/D/YY",
                mediumDate:     "MM DD, YYYY",
                longDate:       "MM DD, YYYY",
                fullDate:       "DD, MM, YYYY",
                shortTime:      "H:mm TT",
                mediumTime:     "H:mm:ss TT",
                longTime:       "H:mm:ss TT Z",
                isoDate:        "YYYY-MM-DD",
                isoTime:        "hh:mm:ss",
                isoDateTime:    "YYYY-MM-DD'T'hh:mm:ss",
            };

            let format = function () {
                let token = /D{1,2}|M{1,2}|YY(?:YY)?|([HhmsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g;

                function pad(val, len?) {
                    val = String(val);
                    len = len || 2;
                    while (val.length < len) val = "0" + val;
                    return val;
                }

                // Regexes and supporting functions are cached through closure
                return function (date, mask) {
                    mask = String(formatMasks[mask] || mask || formatMasks["default"]);

                    let D = date.days(),
                        m = date.months(),
                        y = date.years(),
                        H = date.hours(),
                        M = date.minutes(),
                        s = date.seconds(),
                        L = date.milliseconds(),
                        flags = {
                            D:    D,
                            DD:   pad(D),
                            M:    m + 1,
                            MM:   pad(m + 1),
                            YY:   String(y).slice(2),
                            YYYY: y,
                            H:    H % 12 || 12,
                            HH:   pad(H % 12 || 12),
                            h:    H,
                            hh:   pad(H),
                            m:    M,
                            mm:   pad(M),
                            s:    s,
                            ss:   pad(s),
                            l:    pad(L, 3),
                            L:    pad(L > 99 ? Math.round(L / 10) : L),
                            t:    H < 12 ? "a"  : "p",
                            tt:   H < 12 ? "am" : "pm",
                            T:    H < 12 ? "A"  : "P",
                            TT:   H < 12 ? "AM" : "PM",
                        };

                    return mask.replace(token, function ($0) {
                        return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
                    });
                };
            }();

            return format(this, mask);
        };

사용: moment.duration(10000).format("hh:mm:ss:l")

+1

어떤 소식이 있습니까? 순간이 이 기능을 사용할 수 있습니까? 합의점은 무엇입니까?

+1

또 쿵쾅쿵쾅 이런 기능을 써보고 싶었던 4번째 프로젝트 같다. 나는 그것이 곧 moment.js에서 구현되는 것을 볼 수 있기를 바랍니다.

+1

나는 이 기능이 구현되기를 희망하면서 오랫동안 이것을 주시해 왔습니다. 이에 대해 진행 중인 작업이 있습니까?

내가 아는 한 그것은 지금 작동하고 있으며 내 앱에 있습니다. 문서를 확인하십시오.
https://momentjs.com/docs/#/durations/

@luchillo17 일반적으로 작업 기간을 말씀하시는 건가요?

글쎄, 나는 방금 5 분을 시도했고 작동했습니다.

글쎄요, 우리가 여기서 말하는 것이 무엇인지 분명히 하고 싶었습니다. 작업 _do_ 기간. 이 문제는 기간 형식에 관한 것입니다.

내 나쁜, 실이 너무 커서 아래로 길을 잃었습니다.

그러나 이제 자세히 보니 문서에 나열된 순간 지속 시간 형식에 대한 플러그인이 있습니다.
https://momentjs.com/docs/#/plugins/duration -format/

그것이 여러분이 바라는 바입니까? TypeScript 유형 정의도 있는 것 같습니다.

그리고 나는 그것을 테스트했고 꽤 잘 작동합니다.

플러그인은 매우 잘 작동합니다. Moment.js에 병합되는 것을 보고 싶습니다. 나는 그것 없이 기간이 얼마나 유용한지 볼 수 없습니다.

모든 사람들이 지속 시간을 사용하는 것은 아니기 때문에 플러그인입니다. 코드 기반을 더 크게 만드는 것을 정당화하기 위해 지속 시간이 필요한 사용자 기반은 많지 않습니다.

전체 기간 모듈이 플러그인에 없다는 사실에 놀랐습니다.

또는. 현재, duration 모듈은 나에게 무의미합니다. 그 안에 있는 모든 기능은 라이브러리 없이도 잘 수행할 수 있는 간단한 수학입니다.
플러그인이 병합되면 잘 사용되는 것을 볼 수 있습니다.

아마도, 하지만 수학이 라이브러리의 장점이라고 생각하지 않고 테스트를 거친 솔루션을 사용하여 당신과 내가 그러한 작업에 시간을 낭비할 필요가 없습니다. ISO 8601, durations 모듈이 나를 대신해 처리하므로 해당 표준이 어떻게 정의되는지 알 필요가 없습니다.

그럴 것 같아요.
어느 쪽이든 설명서에서 플러그인을 참조할 것을 제안합니다.
그렇게 하면 사람들이 그 기능이 있다는 것을 알게 되며 Google에 가서 이 기능을 검색할 필요가 없습니다.

실제로 플러그인 섹션을 찾는 데 시간이 좀 걸렸습니다.

4년차인데도 주인 반응이 없네요... 안타깝네요 :(

안녕하세요 여러분,

이것은 우리가 아직 작업하고 있는 것입니다. 모멘트는 자원봉사 커뮤니티입니다! 이와 같은 기능에 다음 속성이 있는지 확인해야 합니다.
1) 모든 환경에서 작동
2) 코드에 너무 많은 양을 추가하지 않습니다.
3) 바퀴를 재발명하지 않습니다(즉, 이를 수행하는 플러그인이 이미 있습니다!)
4) 기존 기능을 손상시키지 않습니다.

이것은 어느 시점에서 병합될 가능성이 있습니다.
https://github.com/moment/moment/pull/3615

문서가 지속 시간 형식 지정 플러그인(또는 다른 플러그인!)을 더 잘 가리킬 수 있다고 생각되면 여기로 PR을 보내주십시오: https://github.com/moment/momentjs.com/

@마르와하하

코드에 너무 많은 양을 추가하지 않습니다.
바퀴를 재발명하지 않습니다(즉, 이를 수행하는 플러그인이 이미 있습니다!)

글쎄요, moment 라이브러리 안에 이미 duration-format 플러그인과 duration이 있기 때문에 아마도 가장 좋은 해결책은 moment.js의 duration을 별도의 플러그인으로 가져온 다음 그 플러그인 안에 "무거운" 모든 것을 구현하는 것입니다.
이렇게 하면 2가지 목표를 달성할 수 있습니다.
1) moment.js 크기 줄이기
2) 매우 제한된 버전 대신 가장 유용한 기능으로 직접 기간을 제공합니다.

한 가지 큰 과제는 moment.js가 지원하는 전체 범위의 로케일에서 지속 시간 형식을 구현하기가 매우 어렵다는 것입니다.

해당 로케일이 현재 보유하고 있는 제한된 기간 지원을 상실하거나 Moment가 일부 로케일에서만 올바르게 작동하는 기능을 추가하는 것을 보고 싶지 않습니다. 플러그인에서 지속 시간 형식을 유지하는 것은 moment.js의 "핵심"이 안정적이고 모든 사람에게 작동하도록 하는 좋은 중간 지점처럼 보입니다. 동시에 단일 로케일 사용자에게 해당 로케일에 특정한 기능을 수행하는 플러그인을 사용할 수 있는 옵션을 제공합니다. .

지속 시간 형식 지정 플러그인이 이미 존재하며 문서 내에서 참조됩니다. 그 이상입니다.

@OogieBoogieInJSON 글쎄요, 문서는 그다지 도움이 되지 않습니다. 기본적으로 문서의 플러그인에 접근하기 전에 이 문제를 확인해야 했습니다. 실제로 아무도 하지 않는 전체 문서를 시도하고 읽지 않는 한 해당 기능에 거의 노출되지 않습니다.

@luchillo17 저는 작업하기 전에 모든 문서를 읽습니다. 아마, 저뿐입니다.

하하, 네, 모든 사람이 해야 하는 일을 하는 것이 좋습니다. 하지만 개발자인 우리 대부분은 일정이 있으므로 우리가 사용하는 모든 라이브러리의 모든 기본 사항을 이해하는 것은 실용적이지 않습니다.

@ luchillo17 관리 지향 프로그래밍을 수행하는 것은 문서의 잘못이 아닙니다. 건배!

순간 지속 시간 형식 지정의 무용담을 따르는 사람들을 위해 moment-duration-format 플러그인 버전 2.0.0을 게시했습니다.

새 버전은 현지화 및 복수화 지원은 물론 몇 가지 유용한 형식 지정 옵션을 포함하여 지난 4년 동안 버전 1에 있었던 거의 모든 문제와 피드백을 해결/통합합니다.

여기에서 확인하십시오: https://github.com/jsmreese/moment-duration-format/releases

진짜 MVP -> @jsmreese

하. @OogieBoogieInJSON 좋은 말씀 감사합니다.

내 플러그인은 수많은 기여자는 말할 것도 없고 모멘트의 제작자와 유지 관리자의 엄청난 노력을 기반으로 하며 존재하지 않을 수도 있다는 점에 주목하지 않을 수 없습니다. 지금 시간을 내어 4년 전에 만든 것을 다시 방문하는 데 시간을 할애하고 있습니다.

Aaaaaand 버전 2.1.0이 게시되었습니다.
https://github.com/jsmreese/moment-duration-format/releases

업데이트된 버전은 버전 2.0의 몇 가지 문제를 수정하고 여러 기간의 조정된 형식 지정을 위한 새로운 기능인 moment.duration.format 를 도입합니다. 이미 존재하는 moment.duration.fn.format 와 혼동하지 마십시오.

새 함수는 지속 시간 배열을 사용하고 형식이 지정된 문자열 배열을 반환하며 일관된 방식으로 함께 형식을 지정해야 하는 지속 시간 그룹이 있을 때마다 유용합니다.

moment.duration.format([
    moment.duration(1, "second"),
    moment.duration(1, "minute"),
    moment.duration(1, "hour")
], "d [days] hh:mm:ss");
// ["0:00:01", "0:01:00", "1:00:00"]

moment.duration.format([
    moment.duration(1, "minute"),
    moment.duration(1, "day")
], "w [weeks], d [days], h [hours], m [minutes], s [seconds]", { trim: "all" });
// ["0 days, 1 minute", "1 day, 0 minutes"]

@jsmreese 2.0은 이전에 약간의 오류가 발생했기 때문에 안전을 위해 1.3.0으로 잠가야 했습니다. 그럼에도 불구하고 기능/프로젝트를 계속 유지해 주셔서 감사합니다.

@prusswan 버전 2.1.0을 사용해 보십시오. 여전히 이러한 오류가 표시되는지 알고 싶습니다!

나는 toLocaleString 가 많은 환경에서 완전히 구현되지 않았기 때문에 현재 대체 숫자 형식 기능을 포함하는 moment-duration-format의 버전 2.2.0을 게시했습니다.

https://github.com/jsmreese/moment-duration-format/releases

나는 2.2에서 7까지의 OS 버전이 있는 다양한 Android 장치와 4.3에서 11까지의 OS 버전이 있는 다양한 iOS 장치에서 BrowserStack을 사용하여 새 버전을 테스트했습니다. Chrome, Firefox, IE 8-11, 및 Edge 브라우저.

@prusswan 및 1.3.0 로 버전을 고정해야 했던 다른 사람들은 2.2.0 버전이 마침내 버전 2.0.0이 되어야 했던 드롭인 대체품이라는 것을 알게 될 것입니다.

이 플러그인의 버전 2에 대해 문제를 기록해 주신 모든 분들께 감사드립니다!

moment-duration-format 플러그인의 버전 2를 구현하면 버전 3에 대한 몇 가지 분명한 개선 사항이 있습니다.

아래에 내 아이디어를 나열 하고 저장소에 문제 로 추가했습니다. 보고 싶은 것에 대한 아이디어나 의견이 있으면 알려주세요!

바라건대 다음 버전은 버전 2를 위한 4년의 기다림이 아니라 4개월 안에 게시될 것입니다.

• 대체 숫자 형식화 현지화 옵션은 지속 시간 단위 레이블을 현지화하기 위해 이미 만든 Moment Locale 개체 확장에 포함되어야 합니다. 이렇게 하면 모든 현지화 구성이 한 곳에 모입니다.

• moment-duration-format 및 해당 대체 숫자 형식 지정 기능은 유효 자릿수 및 팩션 자릿수에 대해 Number#toLocaleString 와 동일한 API를 따르지 않습니다. 대체 기능은 toLocaleString API를 사용하도록 업데이트되어야 하며 플러그인은 일부 옵션을 숨기고 precision 뒤에 마스킹하는 대신 toLocaleString API 옵션을 직접 노출해야 합니다. useSignificantDigits 옵션.

• toLocaleString 기능 테스트 기능뿐만 아니라 대체 번호 형식 지정 기능을 노출하면 테스트가 용이하고 형식 지정 기간의 컨텍스트 외부에서 사용할 수 있습니다.

• TypeScript를 지원하는 형식 정의를 추가하고, NuGet 패키지를 게시하고, 요즘 사용 중인 다른 패키징 옵션을 지원하세요. (이것은 버전 3까지 기다릴 필요가 없습니다.)

• 플러그인 테스트는 이상적으로 Moment.js 테스트 설정과 일치하도록 현대화되어야 합니다. (이것도 버전 3까지 기다릴 필요가 없습니다.)

@jsmreese 엄청난 작업이지만 짧은 시간 내에 메이저 버전을 두 번이나 부딪혀야 한다는 압박감을 전혀 느끼지 않습니다. 업데이트 없이 4년이 지난 후에도 여전히 사용 중이라면 대부분 충분할 것입니다. 이미 해결 방법이 있으므로(플러그인 사용) 이 현재 문제를 종료할 수 있다고 생각합니다. 이 기능이 순간 자체의 일부가 되어야 하는지 여부를 결정하기 위해 새로운 문제가 시작될 수 있습니다.

@jsmreese 놀랍습니다. 정말 감사합니다. 저에게는 엄청난 거래이며 당신이 하는 모든 일에 감사드립니다.

최상의 솔루션을 얻으십시오

https://stackoverflow.com/questions/34868498/how-to-get-total-hours-hhmm-format-using-moment-js/58950439#58950439

https://momentjs.com/docs/#/ -project-status/를 참조하세요.

여기에서 모든 토론을 해주셔서 감사합니다.