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");
  }
  onSelect: function(){
  	$(this).css("background-color", "red");
  }
});
$("#to").datepicker({
  changeMonth: true,
  numberOfMonths: 2,
  onClose: function(selectedDate) {
    $("#from").datepicker("option", "maxDate", selectedDate);
  }
});