Se você quer somar com a data que foi digitada, não faz sentido usar new Date()
, que pega a data atual. Você tem que criar a data baseado no valor do input
.
O detalhe é que um input type="date"
retorna a data no formato "yyyy-mm-dd" (que é formato definido pela norma ISO 8601), e uma data criada com esta string considera que o horário é meia-noite em UTC (visualmente no browser, a data pode estar em outro formato, mas internamente, quando você pega o value
do input
, o resultado estará como "yyyy-mm-dd").
Só que toLocaleDateString()
pegará a data no fuso horário do browser, que não necessariamente é UTC, e pode dar diferença no resultado (por exemplo, no Horário de Brasília, estamos 3 horas atrás de UTC, então toLocaleDateString()
mostrará "um dia a menos" do que foi digitado).
Outro detalhe é que por default é considerado o locale (configurações de idioma) do browser, então o formato usado por toLocaleDateString
poderá ser diferente dependendo do ambiente onde o código roda. Se quiser sempre o mesmo formato, especifique um locale nos parâmetros (no exemplo abaixo usei pt-BR
, que corresponde ao português usado no Brasil). E para evitar o problema de conversão de fuso-horário, indique que você quer que a data esteja em UTC:
function somaFerias() {
var data = new Date(document.getElementById('adm').value);
data.setDate(data.getDate() + 365);
//string apenas de data em um formato determinado pelo browser
var dataFormatada = data.toLocaleDateString('pt-BR', {timeZone: 'UTC'});
alert(dataFormatada);
}
<p>Data de Admissão</p>
<input type="date" class="campo" data-ls-module="charCounter" id="adm" maxlength="10" name="data" placeholder="01/01/1990" required>
<input type="submit" value="Ferias" name="ferias" id="feria" onClick="somaFerias()">
Repare também que getDate()
não recebe nenhum parâmetro.
Vale lembrar que somar 365 dias nem sempre resultará no mesmo dia e mês do ano seguinte, por causa dos anos bissextos. Neste caso, usar setFullYear
seria mais adequado, veja a diferença neste exemplo:
let d = new Date(2020, 0, 1); // 1 de janeiro de 2020
console.log(d);
// somar 1 ano
d.setFullYear(d.getFullYear() + 1);
console.log(d); // 1 de janeiro de 2021
//-----------------------------------------------------
d = new Date(2020, 0, 1); // 1 de janeiro de 2020
// somar 365 dias
d.setDate(d.getDate() + 365);
console.log(d); // 31 de dezembro de 2020
No exemplo acima, vale lembrar que o mês é zero porque em JavaScript janeiro é zero, fevereiro é 1, etc (mas só quando usamos os valores numéricos, pois quando usamos strings como '2020-01-01'
, aí o mês deve ter o valor correto).
E a abordagem acima ainda terá um corner case que é quando somamos 1 ano a 29 de fevereiro:
let d = new Date(2020, 1, 29); // 29 de fevereiro de 2020
console.log(d);
// somar 1 ano
d.setFullYear(d.getFullYear() + 1);
console.log(d); // 1 de março de 2021
O resultado é 1 de março. Pois é, aritmética de datas é um negócio complicado...
somaFerias()
assim:<button onclick="somaFerias()">Somar</button>