JSFiddle - React, Tailwind, and code Playground

by Marllon Nasser

HTML

Meses:
<select id="meses">
  <option value="1">1 mês</option>
  <option value="2">2 mês</option>
  <option value="3">3 mês</option>
</select>
<br />
<br /> Data de Inicio:
<input type="text" id="dataInicio" value="" />
<br />
<br /> Data de Término:
<input type="text" id="dataTermino" value="" />

JavaScript

$("#meses").change(function() {
  var qtdMeses = parseInt($(this).val());
  var dtInicio = new Date(formatarData($("#dataInicio").val()));
  dtInicio.setMonth(dtInicio.getMonth() + qtdMeses);

  $("#dataTermino").val(formatarData(dtInicio));
})


function formatarData(data) {
  var d = new Date(data),
    mes = '' + (d.getMonth() + 1),
    dia = '' + d.getDate(),
    ano = d.getFullYear();

  if (mes.length < 2) mes = '0' + mes;
  if (dia.length < 2) dia = '0' + dia;

  return [dia, mes, ano].join('/');
}