Tenho uma aplicação hospedada no heroku. Então, cada data que é gerada lá na api e retornada para o front, sempre retorna com um dia de atraso. Já meu front, está hospedado na Hostinger, então, acaba conflitando as datas por causa do timezone.
Eu tentei isso:
document.getElementById("data").addEventListener("input", function(){
var data = document.getElementById("data").value;
var d = new Date(data);
var options = {week: "long", year: "numeric", month: "long", day: "numeric", timezone: "America/Sao_Paulo"}
var year = d.getFullYear();
var month = (d.getMonth() < 10) ? "0" + d.getMonth() : d.getMonth();
var day = ((d.getDate() + 1) < 10) ? "0" + (d.getDate() + 1) : (d.getDate() + 1);
var hour = d.getHours();
var minutes = d.getMinutes();
//options.timezone = 'America/Santa_Isabel';
var dataFormatada = new Date(Date.UTC(year, month, day, hour, minutes, 0));
var dataExtensa = dataFormatada.toLocaleString('pt-BR', options);
var dataSimples = dataFormatada.toLocaleString({timezone: 'America/Sao_Paulo'});
document.getElementById("dataSimples").innerHTML = "Data simples " + dataSimples;
})
<input type="date" placeholder="Data" id="data"/>
<p id="dataSimples"></p>
Mas não funciona. Eu preciso que qualquer data que seja criada, seja sempre o timezone do brasil, então, toda a data passada para a api ou criada lá, tenha esse timezone como default. Alguma sugestão para resolver isso?