Datepicker Template

boiler plate with jquery and jquery ui

by ismett

HTML

<label>From:</label>
<input type="text" id="from" />
<label>To:</label>
<input type="text" id="to">

JavaScript

$( "#from" ).datepicker({
      changeMonth: true,
      numberOfMonths: 2,
      onClose: function( selectedDate ) {
        $( "#to" ).datepicker( "option", "minDate", selectedDate );
        $( "#to" ).datepicker("show");
      }
    });
    $( "#to" ).datepicker({
      changeMonth: true,
      numberOfMonths: 2,
      onClose: function( selectedDate ) {
        $( "#from" ).datepicker( "option", "maxDate", selectedDate );
      }
});