📡 You're offline — showing cached content
⚡ New version available!
Quick Access
🗺️ Roadmaps 🃏 Flashcards 📚 Series 🎓 Tutorials 🗺️ My Path 🎤 Mock Interview ⚡ Cheat Code 📄 Resume Builder 🛠️ Dev Tools
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);
  }
});