Thursday, 7 November 2013

Dependent datepicker Jquery

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/