有什么方法可以在持续时间对象上使用moment.js方法吗？ format我在文档中的任何地方都找不到它，而且它也不是持续时间对象的属性。
我希望能够做类似的事情：
var diff = moment(end).unix() - moment(start).unix();
moment.duration(diff).format('hh:mm:ss')
此外，如果有任何其他库可以轻松适应这种功能，我会对推荐感兴趣。
谢谢！
问问题
306414 次
31 回答
190
// 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);
于 2014-01-07T20:44:19.540 回答
87
将持续时间转换为毫秒，然后转换为时刻：
moment.utc(duration.as('milliseconds')).format('HH:mm:ss')
于 2017-01-03T23:25:58.700 回答
60
我们正在考虑在 moment.js 中为持续时间添加某种格式。见https://github.com/timrwood/moment/issues/463
其他一些可能会有所帮助的库是http://countdownjs.org/和https://github.com/icambron/twix.js
于 2012-11-07T17:03:00.683 回答
46
于 2014-08-19T14:32:52.977 回答
25
使用这行代码：
moment.utc(moment.duration(4500, "seconds").asMilliseconds()).format("HH:mm:ss")
于 2019-05-22T14:42:16.893 回答
16
var diff = moment(end).unix() - moment(start).unix();
moment.utc(moment.duration(diff).asMilliseconds()).format("HH:mm:ss.SSS");
于 2015-05-20T00:46:27.743 回答
14
我的特定用例的最佳方案是：
var duration = moment.duration("09:30"),
formatted = moment.utc(duration.asMilliseconds()).format("HH:mm");
这改进了@Wilson 的回答，因为它不访问私有内部属性_data。
于 2018-02-09T09:19:29.917 回答
12
你不需要.format。使用这样的持续时间：
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
于 2017-05-19T13:53:09.920 回答
8
我用：
var duration = moment.duration("09:30");
var str = moment(duration._data).format("HH:mm");
我在 var str 中得到“09:30”。
于 2015-10-30T15:33:46.037 回答
8
我需要这样做以作为以这种格式显示小时数的要求。起初我试过这个。
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是894600000这将返回249:30:00。
希望有帮助。在评论中留下任何问题。;)
于 2020-05-14T16:48:48.113 回答
5
如果您愿意使用不同的 javascript 库，numeric.js可以按如下方式格式化秒（示例为 1000 秒）：
var string = numeral(1000).format('00:00');
// '00:16:40'
于 2014-08-22T00:21:09.683 回答
5
如果差异是片刻
var diff = moment(20111031) - moment(20111010);
var formated1 = moment(diff).format("hh:mm:ss");
console.log("format 1: "+formated1);
于 2012-11-07T04:07:47.367 回答
5
如果必须显示所有小时数（超过 24 小时）并且如果小时数之前不需要“0”，则可以使用一小行代码进行格式化：
Math.floor(duration.as('h')) + moment.utc(duration.as('ms')).format(':mm:ss')
于 2017-11-17T15:21:52.143 回答
5
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
于 2018-12-11T16:08:14.790 回答
4
在这些情况下，我使用经典的格式功能：
var diff = moment(end).unix() - moment(start).unix();
//use unix function instead of difference
moment.unix(diff).format('hh:mm:ss')
这是一个 hack，因为时间差异被视为标准时刻日期，早期纪元日期时间，但这与我们的目标无关，您不需要任何插件
于 2014-11-18T09:44:35.547 回答
3
将持续时间格式化为字符串
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");
}
于 2016-05-30T16:48:40.717 回答
3
如果您使用 Angular 将其添加到您的过滤器中：
.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>
于 2016-12-18T15:33:47.813 回答
3
我的解决方案不涉及任何其他库，并且适用于 diff > 24h
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))
于 2019-08-22T16:08:12.033 回答
2
短版（单线）：
moment.duration(durationInMs).asHours()|0||"00" + ":" + moment.utc(durationInMs).format("mm:ss")
扩大的视野：
export const formatDuration = (durationInMs) => {
const hours = Math.floor(moment.duration(durationInMs).asHours()) || "00"
return hours + ":" + moment.utc(durationInMs).format("mm:ss")
}
示例案例：
于 2021-08-11T11:16:12.503 回答
2
原生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;
}
于 2017-05-02T19:32:51.453 回答
2
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>于 2020-02-19T10:51:17.917 回答
2
如何正确使用 moment.js 持续时间？ | 在代码中使用 moment.duration()
首先，您需要导入moment和moment-duration-format.
import moment from 'moment';
import 'moment-duration-format';
然后，使用持续时间函数。让我们应用上面的例子：28800 = 8 am。
moment.duration(28800, "seconds").format("h:mm a");
好吧，您没有上述类型错误。您在上午 8:00 得到正确的值吗？不……，您得到的值是 8:00 a。Moment.js 格式无法正常工作。
解决方案是将秒转换为毫秒并使用 UTC 时间。
moment.utc(moment.duration(value, 'seconds').asMilliseconds()).format('h:mm a')
好吧，我们现在早上 8:00。如果你想要 8 am 而不是 8:00 am 积分时间，我们需要做 RegExp
const time = moment.utc(moment.duration(value, 'seconds').asMilliseconds()).format('h:mm a');
time.replace(/:00/g, '')
于 2020-05-08T08:55:19.757 回答
1
客户端框架（例如：React）
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');
于 2020-01-27T03:43:26.330 回答
1
不再需要（如果有的话）将持续时间转换为 UTC 来解决这个问题。这就像将base10“1”转换为二进制，然后说由于输出“1”看起来像base10，我们假设这是一个base10值，可以进行任何进一步的操作。
使用moment-duration-format并注意{ trim: false }你可以防止修剪：
moment.duration(1000000, "seconds").format("hh:mm:ss", { trim: false })
> "277:46:40"
moment.duration(0, "seconds").format("hh:mm:ss", { trim: false })
> "00:00:00"
让我们将此与不推荐的 使用utc 的方法进行比较：
moment.utc(moment.duration(1000000, "seconds").asMilliseconds()).format('HH:mm:ss')
> "13:46:40"
于 2021-03-14T23:40:15.970 回答
0
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
于 2019-05-02T04:38:29.810 回答
0
您可以使用numeric.js来格式化您的持续时间：
numeral(your_duration.asSeconds()).format('00:00:00') // result: hh:mm:ss
于 2019-11-26T13:57:49.987 回答
0
Just moment.js without any other plugins
moment().startOf('day').seconds(duration).format('HH:mm:ss')
于 2021-10-15T09:46:41.603 回答
0
这可用于将前两个字符作为小时，将后两个字符作为分钟。相同的逻辑可以应用于秒。
/**
* 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>于 2020-02-05T19:32:31.933 回答
0
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 秒
于 2019-03-15T23:12:29.363 回答
-1
如果您使用 Angular >2，我制作了一个受 @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 : "");
}
}
于 2018-11-30T15:56:52.093 回答
-3
这对我有用：
moment({minutes: 150}).format('HH:mm') // 01:30
于 2019-05-22T21:58:01.710 回答