<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
<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