Skip to main content
2 de 6
adicionou 314 caracteres ao conteúdo
hkotsubo
  • 66,9mil
  • 25
  • 87
  • 170

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:

  1. 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).

  2. 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).

hkotsubo
  • 66,9mil
  • 25
  • 87
  • 170