Em vez de usar asHours
e arredondar com Math.floor
, você pode simplesmente usar hours
(conforme indicado na documentação, os getters que começam com as
retornam a duração total, enquanto que suas versões sem as
retornam os valores já arredondados).
O mesmo vale para os minutos: em vez de usar moment.utc
, use minutes
. A formatação ficaria assim:
var s = d.hours() + "h " + d.minutes().toString().padStart(2, '0') +"m";
E para obter o total em minutos, você pode usar asMinutes
:
var dtChegada = "16:40";
var dtPartida = "11:20";
var ms = moment(dtChegada, "HH:mm").diff(moment(dtPartida, "HH:mm"));
var d = moment.duration(ms);
var s = d.hours() + "h " + d.minutes().toString().padStart(2, '0') +"m";
console.log("Formatado: " + s);
console.log("Total em minutos: " + d.asMinutes());
<script src="https://momentjs.com/downloads/moment.min.js"></script>
Só usei padStart
nos minutos para que seja mostrado com o zero à esquerda caso o valor seja menor que 10 (pode fazer o mesmo com as horas, se quiser).
Atenção: não use moment.utc
neste caso
Vale lembrar que ao usar moment.utc
você está na verdade criando uma data (e não mais uma duração), que por coincidência possui o valor dos minutos igual à quantidade de minutos da duração. Mas de forma geral não se deve misturar as coisas.
Uma data/hora representa um ponto na linha do tempo (uma data é um ponto específico do calendário, um horário é um momento específico do dia). Uma duração é uma quantidade de tempo, sem qualquer relação com calendários ("são duas da tarde" é um horário, um momento específico do dia, já "o filme tem duas horas de duração" é uma duração: uma quantidade de tempo, não diz que horas começa ou termina, só quanto tempo dura).
Por isso que existe o moment.duration
, já que durações são diferentes de uma data, e você não deve misturar as coisas, mesmo que "funcione".
Mas claro que também dá para fazer sem moment
:
function totalMinutos(horario) {
const [h, m] = horario.split(':').map(v => parseInt(v));
return h * 60 + m;
}
var dtChegada = "16:40";
var dtPartida = "11:20";
// diferença dá o total em minutos
var diff = totalMinutos(dtChegada) - totalMinutos(dtPartida);
console.log(`Total em minutos: ${diff}`);
var h = Math.floor(diff / 60);
var m = diff % 60;
var formatado = `${h}h ${m.toString().padStart(2, "0")}m`;
console.log(`Formatado: ${formatado}`);
Lembrando, claro, que estamos assumindo que ambos os horários estão no mesmo dia. Mas se quisesse, por exemplo, das 20:00 de um dia até as 03:00 do dia seguinte, aí as strings teriam que ter as datas também.