Add days to date of input date

By adminPosted on October 8, 2020

Question :

I have a input of type date, I would like to add to it 7 days and put that value in another input also of type date, I tried to do so:

<script>
$('#txtSolicitacao').on('blur', function(){
    data = $('#txtSolicitacao').val() + 7 ; 
    $('#txtTermino').val(data);
});
</script>

Note: the date is in the American year-month-day format.

Answer :

I suppose this is what you are looking for.

    $('#txtSolicitacao')[0].valueAsDate = new Date();

    $('#txtSolicitacao').change(function() {
      var date = this.valueAsDate;
      date.setDate(date.getDate() + 7);
      $('#txtTermino')[0].valueAsDate = date;
    });

    $('#txtSolicitacao').change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><inputtype="date" id="txtSolicitacao">
<br>
<input type="date" id="txtTermino">

Considering that the input [type = ‘date’] stores the date in ISO format, you can do the following:

Unfortunately the code below will only be friendly to Chromium-based browsers, but the logic to add 7 days remains the same.

var dataInicio = document.getElementById("dataInicio");
var dataFinal = document.getElementById("dataFinal");

dataInicio.addEventListener("focusout", function (event) {
  var offset = new Date().getTimezoneOffset();
  var data = new Date(dataInicio.value);
  data.setMinutes(data.getMinutes() + offset);
  data.setDate(data.getDate() + 7);

  dataFinal.value = data.toISOString().substring(0, 10);
})

var event = new Event("focusout");
dataInicio.dispatchEvent(event);

<div>
  <label>
    Data Inicio: 
    <input id="dataInicio" type="date" value="2016-02-26" />
  </label>
</div>
<div>
  <label>
    Data Final: 
    <input id="dataFinal" type="date" />
  </label>
</div>

Leave a Reply Cancel reply