jQuery Interactive Date Range Picker is a modified version of jQuery UI’s Datepicker. This version is optimized for quickly selecting a date from a list of preset dates/ranges, and they added smooth transitions when additional options are revealed. The modifications include:

  • shortcut links to preset date ranges, for example, “Past 30 days” or “Current YTD,”
  • links to “All dates before…” and “All dates after…” to simplify selecting a range of values where the data set is very large or the high or low end value is an unknown
  • only showing the number of calendars needed for choosing a particular range

jQuery Interactive Date Range Picker

The interactive date range picker shown is not coded for ease of modification, but is free to reuse and modify with a proper attribution to Filament Group. You can visit the demo page and view the source code to see how it works.

Requirements: -
Demo: http://www.filamentgroup.com/examples/datepicker/
License: GPL and Creative Commons 3.0 License