How to disable previous days from datepicker "TO" after I`ve chosen "FROM" date

Question

I have a datepicker and when I select the "FROM" date, it should automatically disable in the "FROM" datepicker all the dates that are before the selected one. Any help please ?

Answer 1

try this: http://jsfiddle.net/kZBEt/447/

startDate:<div class="datepickerFrom"></div>
<br /><br /><br /><br />
end Date:<div class="datepickerTill"></div>

<script type="text/javascript">
$( ".datepickerFrom" ).datepicker({
    inline: true,
    altField: "#dateFrom",
    dateFormat: "dd.mm.yy",
    minDate: 0,
    onSelect: function (date) {
        var date2 = $(".datepickerFrom").datepicker("getDate");
        date2.setDate(date2.getDate() + 1);
        $(".datepickerTill").datepicker("setDate", date2);
        $(".datepickerTill").datepicker("option", "minDate", date2);
    }
});
$( ".datepickerTill" ).datepicker({
    inline: true,
    altField: "#dateTill",
    dateFormat: "dd.mm.yy",
    minDate: 1
});
$("#dateFrom").change(function(){
    $(".datePickerTill").datepicker("setDate", $(this).val());
});
</script>