Quando você passa uma string neste formato para o construtor de Date
, ele usa a mesma regra do método Date.parse()
.
Neste caso, a string contém somente dia, mês e ano no formato ISO 8601, e esta informação é completada com o horário igual a meia-noite, em UTC.
O problema é que toLocaleDateString
usa o timezone do browser (que não necessariamente será o mesmo que UTC) para obter os valores do dia, mês e ano. Meu browser, por exemplo, está usando o fuso-horário brasileiro (Horário Oficial de Brasília).
E como 15 de janeiro de 2019, à meia-noite em UTC, corresponde à 14 de janeiro de 2019, às 22h no horário de Brasília, ocorre esta diferença (normalmente o horário de Brasília está 3 horas atrás do UTC, mas em janeiro de 2019 estava em horário de verão, por isso estava apenas 2 horas a menos, e dependendo da região em que você está, a diferença com relação a UTC pode ter outro valor - de qualquer forma, o timezone do seu browser é algum que está algumas horas antes de UTC, daí a diferença).
Algumas soluções (além de setar o timezone para UTC, como já sugerido nas outras respostas):
Adicionar o horário (feio, mas sugerido pela própria documentação e funciona, pois aí ele passa a considerar meia-noite no timezone do browser):
let d = new Date("2019-01-15T00:00");
console.log(d.toLocaleDateString('pt-BR')); // 15/01/2019
Lembrando de colocar a letra T
antes do horário, conforme o formato definido pela norma ISO 8601.
Fazer o parsing manualmente:
let [ano, mes, dia] = '2019-01-15'.split('-').map(v => parseInt(v));
let d = new Date(ano, mes - 1, dia);
console.log(d.toLocaleDateString('pt-BR'));
// Ou, caso o seu browser não seja compatível com ES6:
let partes = '2019-01-15'.split('-');
ano = parseInt(partes[0]);
mes = parseInt(partes[1]);
dia = parseInt(partes[2]);
d = new Date(ano, mes - 1, dia);
console.log(d.toLocaleDateString('pt-BR'));
Lembrando que nesta API janeiro é zero, fevereiro é 1, etc, então tem que subtrair 1 do mês ao passar para o construtor de Date
.
Usar uma biblioteca como o Moment.js:
let d = moment("2019-01-15");
console.log(d.format("DD/MM/YYYY"));
<script src="https://momentjs.com/downloads/moment.min.js"></script>
Ou, para usar o formato específico de acordo com o locale, use o moment-with-locales
:
moment.locale('pt-BR'); // setar o locale para Português
let d = moment("2019-01-15");
console.log(d.format("L"));
<script src="https://momentjs.com/downloads/moment-with-locales.min.js"></script>