📡 You're offline — showing cached content
New version available!
Quick Access
Tutorials jQuery in Practice Date Picker

Date Picker

4 min read
jQuery UI datepicker() attaches a calendar popup to a text input. Configure dateFormat, minDate, and maxDate. The onSelect callback runs when a date is chosen. Use regional settings to localise month and day names.

jQuery UI Datepicker

$('#date').datepicker({
  dateFormat: 'yy-mm-dd',
  minDate: 0,           // today minimum
  maxDate: '+30D',    // 30 days max
  onSelect: function(dateText) {
    console.log('Selected:', dateText);
  }
});