Recently, we reviewed couple of jQuery calendar, datePicker/dateSelector and timestamp formatting plugins. It is time to compile these widely used jQuery date/time plugins in a post. So this post is a collection of amazing jQuery Calendar, DatePicker and timestamp formatting plugins.
FullCalendar is a jQuery calendar plugin that provides full-sized, drag and drop capable calendar. It utilizes Ajax to fetch events on the fly. It is easily configurable to use custom feed format and also has an extension for Google Calendar. The calendar is highly customizable and has support for user event triggering for window resize, loading, day click, event click, event drop, etc.
FullCalendar - jQuery Calendar Plugin with Drag'n Drop and Ajax Capabilities
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
For a couple of days, I have been working on finding the best-looking and the most customizable calendar and datepicker controls. Previously, I wrote about two calendar controls: iCal like Calendar with jQuery and FullCalendar - jQuery Event Calendar with Ajax.
The jQuery UI Datepicker is a highly configurable jQuery datepicker plugin. The date format and language can be formatted, the selectable date ranges can be restricted and optional buttons and other navigation options can be added easily.
jQuery UI's Datpicker Plugin
var element = $("img");
will set the variable element to the second <img> element in the matched set of document's all <img> elements.
Hot Tip #2: Create Union of Elements with Multiple Selectors
Union of multiple selectors can be created by listing selectors separated by commas 'n a s'ngle call to $()