jQuery Date Picker - disable past dates jQuery Date Picker - disable past dates jquery jquery

jQuery Date Picker - disable past dates


You must create a new date object and set it as minDate when you initialize the datepickers

<label for="from">From</label> <input type="text" id="from" name="from"/> <label for="to">to</label> <input type="text" id="to" name="to"/>var dateToday = new Date();var dates = $("#from, #to").datepicker({    defaultDate: "+1w",    changeMonth: true,    numberOfMonths: 3,    minDate: dateToday,    onSelect: function(selectedDate) {        var option = this.id == "from" ? "minDate" : "maxDate",            instance = $(this).data("datepicker"),            date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);        dates.not(this).datepicker("option", option, date);    }});

Edit - from your comment now it works as expected http://jsfiddle.net/nicolapeluchetti/dAyzq/1/


Declare dateToday variable and use Date() function to set it..then use that variable to assign to minDate which is parameter of datepicker.

var dateToday = new Date(); $(function() {    $( "#datepicker" ).datepicker({        numberOfMonths: 3,        showButtonPanel: true,        minDate: dateToday    });});

That's it... Above answer was really helpful... keep it up guys..


$('#datepicker-dep').datepicker({    minDate: 0});

minDate:0 works for me.