JS - Datepicker

by r_costa

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<p>Date:
  <input type="text" id="datepicker">
  <input type="text" id="final">
</p>

JavaScript

var d = "2016-02-12";
$(function() {
  $("#datepicker").datepicker({
    minDate: d,
    dateFormat: 'yy-mm-dd',
    onSelect: function(date) {
      $("#final").val(secondDate(date));
    }
  });
});

function secondDate(date) {

  var d = new Date(date);
  d.setDate(d.getDate() + 3);

  var month = '' + (d.getMonth() + 1);
  var day = '' + d.getDate();
  var year = d.getFullYear();

  if (month.length < 2) month = '0' + month;
  if (day.length < 2) day = '0' + day;

  return [year, month, day].join('-');
}