Previously, I wrote about a jQuery Date Picker Plugin from jQuery UI. With minDate and maxDate properties, you can restrict the range of selectable dates with in the DatePicker. However, we sometimes need users to choose a date range. Filamentgroup modified the jQuery UI's Datepicker control and created a new plugin for quickly selecting a date from a list of preset dates/ranges.

Filamentgroup's Date Range Picker control simplifies selecting a range of values where the data set is very large or the high or the low end is unknown by "All dates before..." and "All dates after..." links. It also automatically controls the number of calendars needed for choosing a range. For example: you only need one calendar to choose "All dates before", but you need two calendars to select a custom date range.

jQuery Date Range Picker Plugin by FilamentGroup

Date Range Picker plugin requires jQuery and jQuery UI Datepicker. It also uses the jQuery UI CSS Framework as well as one additional custom CSS file. You can find more details about the plugin here.

Comments

Add comment