Obter diferença de horas entre duas datas no Moment Js


385

Sou capaz de obter a diferença entre duas datas usando MomentJs da seguinte maneira:

moment(end.diff(startTime)).format("m[m] s[s]")

No entanto, também quero exibir a hora quando aplicável (somente quando> = 60 minutos se passaram).

No entanto, quando tento recuperar as horas de duração usando o seguinte:

var duration = moment.duration(end.diff(startTime));
var hours = duration.hours();

está retornando a hora atual e não o número de horas entre as duas datas.

Como obtenho a diferença de horas entre dois momentos?

Respostas:


611

Você estava perto. Você só precisa usar o duration.asHours()método (consulte a documentação ).

var duration = moment.duration(end.diff(startTime));
var hours = duration.asHours();

8
Não deveria ser startTime.diff(end, 'hours', true);? A duration.asHours (); retornaria 1 se fosse 25 horas atrás.
Daniel F

29
@DanielF Se você estiver usando MomentJS> = versão 2.0.0, poderá usar .diff()sim. Exceto que seria end.diff(startTime, 'hours', true)obter o número de horas como um número positivo. No entanto, seu segundo ponto não está correto. duration.hours()retornaria 1 se ele foi de 25 horas atrás, mas duration.asHours()voltaria 25.
GregL

5
@ Gregreg Estou corrigido jsfiddle.net/qxxr1Lyr Devo ter usado o .hours()método por engano sem perceber.
Daniel F

5
Como isso tem tantos votos quando tudo o que faz é conscientizar o OP de um erro de digitação que a maioria dos IDEs revelaria para você ( imgur.com/a/ikyayIL ). Então, o representante é o primeiro a se vestir melhor, enquanto outros trabalham para recados smh. Oh você corrigiu um erro de digitação .. aqui está 4,7k rep
zanderwar 04/04/19

3
@zanderwar Entendo sua frustração, mas esta é uma pergunta de 5 anos. Hoje, essas perguntas e respostas não voariam.
Jean-François Fabre

219

O bloco de código a seguir mostra como calcular a diferença no número de dias entre duas datas usando o MomentJS.

var now = moment(new Date()); //todays date
var end = moment("2015-12-1"); // another date
var duration = moment.duration(now.diff(end));
var days = duration.asDays();
console.log(days)

61
Pelo menos seu bloco de código mostrou todas as variáveis ​​que estavam em uso, diferentemente da resposta aceita ou da pergunta. Se alguém quiser votar negativamente, deve votar na pergunta, pois é um bloco de código incompleto para iniciar. Esse bloco de código realmente precisa de explicação?
Jordan Papaleo 04/03

23
Esta resposta é clara e ainda mais completa para mim do que a resposta aceita acima, onde você não sabe de onde vêm 'end' e 'startTime' ... Muito obrigado pela resposta Raj!
1616 Pierre Pierre

3
É um pouco mais simples de entender agora var now = moment();. Veja momentjs.com/docs/#/parsing/now
rob3c

161

Ou você pode fazer simplesmente:

var a = moment('2016-06-06T21:03:55');//now
var b = moment('2016-05-06T20:03:55');

console.log(a.diff(b, 'minutes')) // 44700
console.log(a.diff(b, 'hours')) // 745
console.log(a.diff(b, 'days')) // 31
console.log(a.diff(b, 'weeks')) // 4

docs: aqui


12
Como posso mostrar todas as horas, minutos e segundos juntos? Como HH: MM: SS?
Faizan Saiyed 13/09/18

16

Tudo o que você precisa fazer é passar hourscomo o segundo parâmetro para a função diff de momentos.

var a = moment([21,30,00], "HH:mm:ss")
var b = moment([09,30,00], "HH:mm:ss")
a.diff(b, 'hours') // 12

Documentos: https://momentjs.com/docs/#/displaying/difference/

Exemplo:

const dateFormat = "YYYY-MM-DD HH:mm:ss";
// Get your start and end date/times
const rightNow = moment().format(dateFormat);
const thisTimeYesterday = moment().subtract(1, 'days').format(dateFormat);
// pass in hours as the second parameter to the diff function
const differenceInHours = moment(rightNow).diff(thisTimeYesterday, 'hours');

console.log(`${differenceInHours} hours have passed since this time yesterday`);
<script 
  src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js">
</script>


12

Existe um ótimo momentmétodo chamado fromNow()que retornará o horário de um horário específico em boa forma legível por humanos, como este:

moment('2019-04-30T07:30:53.000Z').fromNow() // an hour ago || a day ago || 10 days ago

Ou, se desejar, entre duas datas específicas, você pode usar:

var a = moment([2007, 0, 28]);
var b = moment([2007, 0, 29]);
a.from(b); // "a day ago"

Retirado do Documentos:


7

Eu sei que isso é antigo, mas aqui está uma solução de um liner:

const hourDiff = start.diff(end, "hours");

Onde começo e fim são objetos de momento.

Aproveitar!


... já proposto por Sebastián Lara em 2016
YakovL 20/04

2
 var start=moment(1541243900000);
 var end=moment(1541243942882);
 var duration = moment.duration(end.diff(startTime));
 var hours = duration.asHours();

Como você pode ver, as datas de início e término precisavam ser objetos de momento para esse método funcionar.


2
Embora esse código possa responder à pergunta, fornecer um contexto adicional sobre como e por que resolve o problema melhoraria o valor a longo prazo da resposta.
Alexander

1
var __startTime = moment("2016-06-06T09:00").format();
var __endTime = moment("2016-06-06T21:00").format();

var __duration = moment.duration(moment(__endTime).diff(__startTime));
var __hours = __duration.asHours();
console.log(__hours);

2
Remova todas as conversões desnecessárias de / para representar representações de momentos e você terminará com a resposta aceita.
Vladimir M

11
Por que os sublinhados extras no início dos nomes de variáveis?
Zenw0lf 13/07

1

No meu caso, eu queria horas e minutos:

var duration = moment.duration(end.diff(startTime));
var hours = duration.hours(); //hours instead of asHours
var minutes = duration.minutes(); //minutes instead of asMinutes

Para mais informações, consulte os documentos oficiais .


0

Se você deseja um total de minutos entre duas datas no dia a seguir ao código abaixo pode ajudar a você Data de início: 2018-05-04 02:08:05 , Data de término: 2018-05-14 09:04:07 ...

function countDaysAndTimes(startDate,endDate){
return new Promise(function (resolve, reject) {
var dayObj = new Object;
var finalArray = new Array;

var datetime1 = moment(startDate);
var datetime2 = moment(endDate);
if(datetime1.format('D') != datetime2.format('D') || datetime1.format('M') != datetime2.format('M') ||  datetime1.format('YYYY') != datetime2.format('YYYY')){
  var onlyDate1 = startDate.split(" ");
  var onlyDate2 = endDate.split(" ");
  var totalDays = moment(onlyDate2[0]).diff(moment(onlyDate1[0]), 'days')

  // First Day Entry
  dayObj.startDate = startDate;
  dayObj.endDate = moment(onlyDate1[0]).add(1, 'day').format('YYYY-MM-DD')+" 00:00:00";
  dayObj.minutes = moment(dayObj.endDate).diff(moment(dayObj.startDate), 'minutes');
  finalArray.push(dayObj);

  // Between Days Entry
  var i = 1;
  if(totalDays > 1){
    for(i=1; i<totalDays; i++){
      var dayObj1 = new Object;
      dayObj1.startDate = moment(onlyDate1[0]).add(i, 'day').format('YYYY-MM-DD')+" 00:00:00";
      dayObj1.endDate = moment(onlyDate1[0]).add(i+1, 'day').format('YYYY-MM-DD')+" 00:00:00";
      dayObj1.minutes = moment(dayObj1.endDate).diff(moment(dayObj1.startDate), 'minutes');
      finalArray.push(dayObj1);
    }
  }

  // Last Day Entry
  var dayObj2 = new Object;
  dayObj2.startDate = moment(onlyDate1[0]).add(i, 'day').format('YYYY-MM-DD')+" 00:00:00";
  dayObj2.endDate = endDate ;
  dayObj2.minutes = moment(dayObj2.endDate).diff(moment(dayObj2.startDate), 'minutes');
  finalArray.push(dayObj2);

}
else{
  dayObj.startDate = startDate;
  dayObj.endDate = endDate;
  dayObj.minutes = datetime2.diff(datetime1, 'minutes');
  finalArray.push(dayObj);
}
console.log(JSON.stringify(finalArray));
// console.table(finalArray);
resolve(finalArray);
});
}

Resultado

 [
  {
  "startDate":"2018-05-04 02:08:05",
  "endDate":"2018-05-05 00:00:00",
  "minutes":1311
  },
  {
  "startDate":"2018-05-05 00:00:00",
  "endDate":"2018-05-06 00:00:00",
  "minutes":1440
  },
  {
  "startDate":"2018-05-06 00:00:00",
  "endDate":"2018-05-07 00:00:00",
  "minutes":1440
  },
  {
  "startDate":"2018-05-07 00:00:00",
  "endDate":"2018-05-08 00:00:00",
  "minutes":1440
  },
  {
  "startDate":"2018-05-08 00:00:00",
  "endDate":"2018-05-09 00:00:00",
  "minutes":1440
  },
  {
  "startDate":"2018-05-09 00:00:00",
  "endDate":"2018-05-10 00:00:00",
  "minutes":1440
  },
  {
  "startDate":"2018-05-10 00:00:00",
  "endDate":"2018-05-11 00:00:00",
  "minutes":1440
  },
  {
  "startDate":"2018-05-11 00:00:00",
  "endDate":"2018-05-12 00:00:00",
  "minutes":1440
  },
  {
  "startDate":"2018-05-12 00:00:00",
  "endDate":"2018-05-13 00:00:00",
  "minutes":1440
  },
  {
  "startDate":"2018-05-13 00:00:00",
  "endDate":"2018-05-14 00:00:00",
  "minutes":1440
  },
  {
  "startDate":"2018-05-14 00:00:00",
  "endDate":"2018-05-14 09:04:07",
  "minutes":544
  }
 ]

0

Eu sei que isso já está respondido, mas no caso de você querer algo recursivo e mais genérico, sem depender do momento, fromNowpoderá usar esta função que criei. É claro que você pode alterar sua lógica para ajustá-lo às suas necessidades para também suportar anos e segundos.

var createdAt = moment('2019-05-13T14:23:00.607Z');
var expiresAt = moment('2019-05-14T14:23:00.563Z');

// You can also add years in the beginning of the array or seconds in its end
const UNITS = ["months", "weeks", "days", "hours", "minutes"]
function getValidFor (createdAt, expiresAt, unit = 'months') {
    const validForUnit = expiresAt.diff(createdAt, unit);
    // you could adjust the if to your needs 
    if (validForUnit > 1 || unit === "minutes") {
    return [validForUnit, unit];
  }
  return getValidFor(createdAt, expiresAt, UNITS[UNITS.indexOf(unit) + 1]);
}

-9
            var timecompare = {
            tstr: "",
            get: function (current_time, startTime, endTime) {
                this.tstr = "";
                var s = current_time.split(":"), t1 = tm1.split(":"), t2 = tm2.split(":"), t1s = Number(t1[0]), t1d = Number(t1[1]), t2s = Number(t2[0]), t2d = Number(t2[1]);

                if (t1s < t2s) {
                    this.t(t1s, t2s);
                }

                if (t1s > t2s) {
                    this.t(t1s, 23);
                    this.t(0, t2s);
                }

                var saat_dk = Number(s[1]);

                if (s[0] == tm1.substring(0, 2) && saat_dk >= t1d)
                    return true;
                if (s[0] == tm2.substring(0, 2) && saat_dk <= t2d)
                    return true;
                if (this.tstr.indexOf(s[0]) != 1 && this.tstr.indexOf(s[0]) != -1 && !(this.tstr.indexOf(s[0]) == this.tstr.length - 2))
                    return true;

                return false;

            },
            t: function (ii, brk) {
                for (var i = 0; i <= 23; i++) {
                    if (i < ii)
                        continue;
                    var s = (i < 10) ? "0" + i : i + "";
                    this.tstr += "," + s;
                    if (brk == i)
                        break;
                }
            }};

8
Você poderia adicionar alguma explicação em vez de apenas postar código?
Paul Floyd
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.