Add Meses a partir da data atual

by Rapha Souza

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="form-group col-4">
<label>Data Atual</label>
<input id="dataatual"  type="text" class="form-control"/><br/>
</div>


<div class="form-group col-3">
<label>Meses</label>
<input id="myInput"  type="text"  readonly="readonly" class="form-control"/><br/>
</div>

<div class="form-group col-4">
<label>Data Fim</label>
<input id="dataFim"  type="text"  readonly="readonly" class="form-control"/><br/>
</div>

<input id="myButton" type="submit" value="update" />

<input type="button" id="grdata" name="grdata" onclick="addData();" value="Data">

JavaScript

//Retirar atributo readonly do campo 
document.getElementById('myButton').onclick = function() {
    document.getElementById('myInput').readOnly = false;
};

document.getElementById('grdata').onclick = function() {

//Pegar data Atual para somar
var currentDate = new Date();

//pegar data atual para exibir
var currentDate1 = new Date();

//Capturar Quantidade de meses
var meses = document.getElementById('myInput').value;
//Parse Int dos meses
var a = parseInt(meses);


//adicionar Dias
//currentDate.setDate(currentDate.getDate()+1);

//Adicionar meses capturado
currentDate.setMonth(currentDate.getMonth()+a);

currentDate1.setDate(currentDate1.getDate());

//alert("data "+currentDate.toLocaleDateString());

document.getElementById('dataFim').value = currentDate.toLocaleDateString();

document.getElementById('dataatual').value = currentDate1.toLocaleDateString();

};