De acordo com a especificação, o formato em questão ("ano-mês-dia", formato definido pela norma ISO 8601) deve ter o mês e dia sempre com 2 dígitos.
Qualquer coisa diferente disso terá um comportamento indefinido, e dependente do browser/ambiente no qual o código roda. Por exemplo, testando no Firefox (versão 68.0.2 Windows 64 bits), tanto new Date('2019-9-10')
quanto new Date('2019-09-10')
deram o mesmo resultado. Mas no Chrome (versão 76.0.3809.132 Windows 64 bits) e no Node (versão 14), os resultados foram diferentes, da forma que você relatou.
No meu entendimento, este comportamento está de acordo com este trecho da especificação:
If the String does not conform to that format the function may fall back to any implementation-specific heuristics or implementation-specific date formats.
Em tradução livre:
Se a string não estiver de acordo com este formato, pode ser usada qualquer heurística ou formato específico da implementação.
Ou seja, como 2019-9-10
não se encaixa no formato especificado, cada browser trata da forma que achar melhor.
Dito isso, na documentação de Date
há o seguinte aviso:
date-only strings (e.g. "1970-01-01") are treated as UTC
Em tradução livre:
strings contendo somente a data (por exemplo, "1970-01-01") são tratadas como UTC.
Além disso, a documentação também diz que os campos de horário, quando omitidos, são setados para zero.
Isso quer dizer que new Date('2019-09-10')
(repare que o mês está escrito com dois dígitos) cria uma data correspondente a 10 de setembro de 2019 à meia-noite (00:00:00.000) em UTC.
Mas quando você imprime uma data (seja com console.log
, ou quando o próprio console do browser mostra o valor criado), ela é convertida para o fuso-horário do browser (que por sua vez, geralmente usa o que está configurado no sistema operacional).
No seu caso, pelos resultados, o fuso horário é o Horário Oficial de Brasília.
E como 10 de setembro de 2019 à meia-noite em UTC é igual à 9 de setembro de 2019, às 21h no Horário de Brasília, você vê essa "diferença". De maneira geral, os fusos horários do Brasil sempre estão algumas horas atrás do UTC (o Horário de Brasília está 3 horas atrás - ou duas, quando é horário de verão), então qualquer data criada à meia-noite em UTC corresponderá ao dia anterior no Horário de Brasília.
Quando o mês está com apenas um dígito, o Chrome considera que é meia-noite no fuso horário do browser (no caso, meia-noite no Horário de Brasília), e não em UTC (como acontece quando o mês possui 2 dígitos). Como eu já disse, provavelmente é algum detalhe de implementação, que é diferente do Firefox (pois nesse browser, em ambos os casos, o resultado foi meia-noite em UTC).
Outro ponto que pode explicar essa diferença é que a padronização do formato só foi definida no ES5 (em 2009). Antes disso, cada browser implementava diferentes formatos (e com diferentes resultados), que podiam ou não funcionar em outros browsers, podendo ter ou não o mesmo comportamento. Muitos foram mantidos até hoje por motivos de retrocompatibilidade (como provavelmente é o caso de 2019/09/10
), e por isso, não há garantia que vão funcionar da mesma maneira em todos os browsers.
De qualquer forma, se quer manter o mesmo comportamento independente do mês, você tem duas opções:
se quer o horário à meia-noite em UTC (que pode não corresponder ao mesmo dia no fuso horário do browser), use sempre o mês com 2 dígitos na string (2019-09-10
em vez de 2019-9-10
).
se quer o horário à meia-noite no fuso horário do browser, pode usar o construtor que recebe os valores numéricos. Por exemplo, new Date(2019, 8, 10)
cria uma data referente à 10 de setembro de 2019, à meia-noite, no timezone do browser (sim, você tem que subtrair 1 do mês, pois os meses são indexados em zero: janeiro é zero, fevereiro é 1, etc).
- outra maneira de forçar a hora para meia-noite no fuso horário do browser é usar o mês e dia com 2 dígitos e incluir o horário:
new Date('2019-09-10T00:00')