Você pode criar uma nova instância da classe Date
passando a string da data ao construtor e usar os métodos da instância para criar a data formatada.
Nota: A string passada como primeiro argumento para o construtor da classe deve seguir um padrão. Para saber mais, veja aqui.
Após criar a instância, use os métodos getDate
, getMonth
e getFullYear
para acessar o dia, mês e ano respectivamente. Algo assim:
const date = new Date('2018-07-19T22:07:00.000-03:00')
const day = date.getDate().toString().padStart(2, '0')
const month = (date.getMonth() + 1).toString().padStart(2, '0')
const year = date.getFullYear()
const formatted = `${day}/${month}/${year}`
console.log(formatted)
Algumas observações em relação ao código:
- Criei uma função
padNum
para adicionar um 0
em dias ou meses que não tiverem duas casas numéricas.
- Devemos somar um ao número retornado em
getMonth
(linha 9), já que esse método retorna os meses iniciando no índice 0:
- Janeiro ⇒
0
;
- Fevereiro ⇒
1
;
...
;
- Dezembro ⇒
11
.