jQuery Date Picker – disable past dates

by

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/

More Related Contents:

  1. Jquery datepicker – only day and month
  2. Jquery Date picker Default Date
  3. jQuery UI DatePicker – Change Date Format
  4. jQuery Datepicker onchange event issue
  5. jQuery UI Datepicker onchange event issue
  6. jQuery UI Datepicker – Multiple Date Selections
  7. JQuery ui – date picker, disabling specific dates
  8. Jquery datepicker restrict dates in second date field based on selected date in first date field
  9. Unobtrusive validation in Chrome won’t validate with dd/mm/yyyy
  10. How to get the selected date value while using Bootstrap Datepicker?
  11. Disable specific days of the week on jQuery UI datepicker [duplicate]
  12. jQuery UI Datepicker – Disable specific days
  13. Setting min date in jQuery datepicker
  14. jQuery UI Datepicker enable only specific days in array
  15. how to add a day to a date using jquery datepicker
  16. problem when cloning jQuery UI datepicker
  17. jQuery ui datepicker conflict with bootstrap datepicker
  18. jQuery datepicker- 2 inputs/textboxes and restricting range
  19. Changing minDate and maxDate on the fly using jQuery DatePicker
  20. Getting value from JQUERY datepicker
  21. How do I clear/reset the selected dates on the jQuery UI Datepicker calendar?
  22. JQuery UI Datepicker, reverse the order of the year in the dropdowns
  23. Select only specific dates in jQuery UI datepicker (date list comes from AJAX)
  24. jQuery UI: Datepicker set year range dropdown to 100 years
  25. JQuery Datepicker – no default date
  26. How do you trigger autocomplete “select” event manually in jQueryUI?
  27. How to use Plugins for PopUp [closed]
  28. How can I disable a button in a jQuery dialog from a function?
  29. Problems with jQuery autocomplete + AngularJS
  30. How can I extend jQueryUI datepicker to accept an additional argument?

Leave a Comment