Segundo a documentação, quando uma string é passada para o construtor de Date
, ele aceita os mesmos formatos aceitos por Date.parse
. Este método, por sua vez, segue algumas regras.
Quando a string possui somente a data (ano, mês e dia), no formato "YYYY-MM-DD" (que é o formato definido pela norma ISO 8601), a documentação diz que este é interpretado como UTC (além disso, considera-se que o horário é meia-noite).
O problema é que os métodos getters (como getMonth()
, getDate()
, etc), retornam os valores de acordo com o timezone do browser (que geralmente segue o fuso horário configurado no sistema operacional).
No meu caso, por exemplo, meu browser está configurado com o Horário de Brasília. Ao criar new Date('1988-03-01')
, estou na verdade dizendo que a data é "1 de março de 1988 à meia-noite em UTC". E 1 de março de 1988 à meia-noite em UTC corresponde a 29 de fevereiro às 21:00 no Horário de Brasília.
Ao usar os getters, os valores retornados correspondem ao timezone do browser (que nem sempre será igual a UTC), por isso dá essa "diferença de 1 dia". Ex:
let data = new Date('1988-03-01');
// meu browser está no Horário de Brasília, o resultado pode variar de acordo com a config do seu
console.log(`${data.getFullYear()}-${(data.getMonth()+1)}-${data.getDate()}`); // 1988-2-29
Felizmente, existem métodos para obter os valores de acordo com UTC (como getUTCMonth
, getUTCDate
, etc):
let data = new Date('1988-03-01');
console.log(`${data.getUTCFullYear()}-${(data.getUTCMonth()+1).toString().padStart(2, '0')}-${data.getUTCDate().toString().padStart(2, '0')}`); // 1988-03-01
Também usei padStart
para colocar o zero à esquerda do mês e dia (assim é escrito 03
em vez de 3
).
Quanto ao seu comentário, que "funciona" quando a string é 1988-03-1
, na verdade isso depende do browser.
Segundo este trecho da especificação ECMAScript: "se a string não estiver de acordo com este formato, pode ser usada qualquer heurística ou formato específico da implementação."
No caso, "este formato" refere-se ao ISO 8601, que define que o dia e mês sempre são escritos com 2 dígitos. Então quando a string é 1988-03-1
(o dia com 1 dígito apenas), o formato não é mais o ISO 8601, e portanto cada browser pode interpretar de um jeito diferente. O Chrome acaba considerando que a data está no timezone do browser, e os getters acabam retornando o resultado correto. Mas no Firefox, ele continua considerando UTC, e o erro ocorre do mesmo jeito (veja uma discussão mais detalhada sobre essas diferenças aqui).
dataSTR = '1988-03-01'
pordataSTR = '1988-03-1'
o "[formato Desejado]" funciona corretamente?