Estranho mesmo como isso acontece. Deve ser algo relacionado à fuso horário.
De qualquer forma, teria muito problema se em vez de "2018-07-03"
você colocasse "2018-07-03 00:00"
?
Dessa forma saiu correto (pelo menos aqui)
EDIÇÃO 23/07/2019
Sei que já faz tempo, mas enfim. Realmente o problema é o fuso horário.
Se você usa uma string com o ano, mês e dia separados com hífen, o fuso horário que o JS escolhe pra você é o Tempo Universal Coordenado (UTC), que é o fuso horário usado para calcular os demais fusos horários do mundo.
Agora se você usar barras para separar o ano, mês e dia, o fuso horário escolhido é o seu fuso horário local.
Ou seja, no seu caso seria melhor ter usado "2018/07/03"
.
Ah, e <input type="date">
gera valores com hífen.
Talvez essa informação seja útil pra alguém 👌
Fonte: Exploring Unexpected Behavior With JavaScript Date Objects
new Date('2018-07-03T10:15:00')
new Date("2018-07-03")
, o resultado corresponde a esta data (3 de julho de 2018), à meia-noite em UTC (ou2018-07-03T00:00:00Z
). O problema é que esta mesma data em UTC pode corresponder a uma data e hora diferente em outros timezones. Por exemplo, em São Paulo, este mesmo valor corresponde a2018-07-02T21:00-03:00
(9 da noite do dia anterior), e muitos métodos de Date usam o timezone do browser para interpretar o valor. A forma de tratar o problema vai depender do que você está fazendo com a data