Wednesday 12 August 2015

datepicker date to date based on from date

<label for="from">From</label>
<input type="text" id="from" name="from" />
<label for="to">to</label>
<input type="text" id="to" name="to" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function () {
    $("#from").datepicker({
  maxDate:+0,
   changeMonth: true,
   dateFormat: 'dd/mm/y',
   numberOfMonths: 1,
        onClose: function (selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate);
 
        }
    });
    $("#to").datepicker({
  maxDate:+0,
        changeMonth: true,
  dateFormat: 'dd/mm/y',
        numberOfMonths: 1,
        onClose: function (selectedDate) {
        }
    });
});</script>

Demo:





 

No comments:

Post a Comment