Uma alternativa é usar padStart
. Como este método só está disponível para strings, primeiro é preciso transformar os valores numéricos em string, e em seguida usar o padStart
:
let d = new Date();
let horaFormatada = d.getHours().toString().padStart(2, '0') + ':' +
d.getMinutes().toString().padStart(2, '0');
console.log(horaFormatada);
Os parâmetros são:
- o tamanho da string final (no caso, 2)
- a string usada para preencher no início (no caso,
'0'
)
Ou seja, se o valor for menor que 10 (como 1, por exemplo), o resultado será 01
. Se o valor for maior que 10, ele não é alterado (como 16
, por exemplo).
Se quiser organizar o código, pode colocar isso em uma função:
function formatarValor(valor) {
return valor.toString().padStart(0, 2);
}
let d = new Date();
let horaFormatada = formatarValor(d.getHours()) + ':' +
formatarValor(d.getMinutes());
console.log(horaFormatada);
Infelizmente a API de datas nativa do JavaScript não fornece muitas opções de formatação, mas existe a opção de usar uma biblioteca externa, como o Moment.js:
// data atual
let d = moment();
let horaFormatada = d.format('HH:mm');
console.log(horaFormatada);
// se você já tiver um Date, também pode criar um moment a partir dele:
let date = new Date();
d = moment(date);
horaFormatada = d.format('HH:mm');
console.log(horaFormatada);
<script src="https://momentjs.com/downloads/moment.min.js"></script>