Dependent datepicker Jquery
HTML:
<div class="input_box">
<input type="text" readonly="readonly" id="start_date" name="date"/>
</div>
<div class="input_box">
<input type="text" readonly="readonly" id="end_date" name="date"/>
</div>
JAVA SCRIPT CODE:
$("#start_date").datepicker({
minDate: 0,
onSelect: function(selected) {
var selected_date1 = $("#start_date").val();
$("#end_date").datepicker("option","minDate", selected_date1)
}
});
$("#end_date").datepicker({minDate: +1});
Live Demo :http://jsfiddle.net/g6kUR/1/
HTML:
<div class="input_box">
<input type="text" readonly="readonly" id="start_date" name="date"/>
</div>
<div class="input_box">
<input type="text" readonly="readonly" id="end_date" name="date"/>
</div>
JAVA SCRIPT CODE:
$("#start_date").datepicker({
minDate: 0,
onSelect: function(selected) {
var selected_date1 = $("#start_date").val();
$("#end_date").datepicker("option","minDate", selected_date1)
}
});
$("#end_date").datepicker({minDate: +1});
Live Demo :http://jsfiddle.net/g6kUR/1/