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. 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), os resultados foram diferentes, da forma que você relatou.
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".
Por algum motivo que me escapa, 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). Provavelmente é algum detalhe de implementação, que como eu já disse, não aconteceu no Firefox (em ambos os casos, o resultado foi meia-noite em UTC).
De qualquer forma, se quer manter a consistência, 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 de2019-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).