Updating date inputs on change

jQuery UI Datepicker

by Marventus

HTML

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<input class="datepicker" type="text" id="date1">
<input class="datepicker" type="text" id="date2">

JavaScript

$(document).ready(function() {
  $('.datepicker').on('change', function(e) {
    $(this).siblings(".datepicker").val( $(this).val() );
  });
  $("#date1").datepicker();
  $("#date2").datepicker();
});