JSFiddle - React, Tailwind, and code Playground

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">
<script>
document.getElementById('dataselecionada').onchange =


function carro(e){
  let dataDigitada = e.target.value;
  let dataDigitadaSplit = dataDigitada.split("/");
  console.log('dataDigitada',dataDigitada)
  
  let dia = dataDigitadaSplit[0]; 
  let mes = dataDigitadaSplit[1];
  let ano = dataDigitadaSplit[2];
  
  
  if(ano.length <4 && parseInt(ano) < 50){
    ano = "20"+ano;
  }else if(ano.length <4 && parseInt(ano) >= 50){
    ano = "19"+ano;
  }
  ano = parseInt(ano);
  mes = mes -1;
  
  let data = new Date(ano, mes, dia);
  data.setFullYear(data.getFullYear()+1)
  
  ano= addZeroAesqueda(data.getFullYear(), 4);
  mes= addZeroAesqueda(data.getMonth()+1, 2);
  dia= addZeroAesqueda(data.getDate(), 2);
  
       
  document.getElementById('dataAtualizada').value = ano+'-'+mes+'-'+dia ;
};
</script>
<label>Data</label>
<input type="text" id="dataselecionada" value="10/03/18">
<br>
<p>Após adicionar um ano aparce o resultado abaixo no campo date</p>
<label>Data atualizada</label>
<input type="date" id="dataAtualizada">
<p>Exemplo 10/03/2019</p>

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}