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
jQuery Week Calendar is another jQuery Calendar plugin similar to FullCalendar. It provides a simple and flexible way of including a weekly calendar control in to your web pages. It is an extension of jQuery and jQuery IU plugin. jQuery Week Calendar is similar to Google calendar.
jQuery Week Calendar Plugin - A Google Calendar Like Week Calendar
The plugin is compatible with Firefox 3.x, Safari 3.1+, Internet Explorer 7+ and Google Chrome. The look and feel of the plugin is simple but easily editable by adding stylesheet that overrides colors.
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
By default, the datepicker is tied to a standard form input field. Focus on the input opens an interactive calendar in a small overlay. Choosing a date, clicking elsewhere on the page or hitting the Esc key closes the control. If a date is chosen, feedback is shown as the input's value. It can also be used as an inline calendar, by simply attaching the datepicker to a div or span.
jQuery UI's Datpicker Plugin enables multiple month display
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
jQuery Multiday Calendar Datepicker Plugin is an animated datepicker calendar for multi-day selection with multi-month display. It allows selection of pre-specified number of consecutive days by providing a sequence of side by side residing months.
jQuery Mutlday Calendar Plugin enables selection of pre-specified number of consecutive days
Astonishing iCal like Calendar is built with CSS and jQuery. It features a lightweight Coda-like effect for event descriptions.
iCal style calendar with jQuery
CuteTime is a jQuery plugin that provides easy conversion of timestamps to formats much cuter. It also has the ability to dynamically update and/or automatically update timestamps on a controlled interval.
If used as function, a string containing a cuter version of the provided time stamp is returned.
Instead of formal time formatting, Twitter uses more readable timestamp formatting
Timeago makes user-friendly time formatting easier by supporting automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago")
Timeago makes user-friendly time formatting easier by supporting automatically updating fuzzy timestamps.
With Timeago's automatic updating feature, you take full advantage of page caching in your web applications since the timestamp formatting is done in client side. Also, Timeago refreshes timestamps automatically to avoid timestamps dated "1 minute ago" even though the page was opened 10 minutes ago.
Timeago jQuery Plugin can be used via selectors. In this case, it replaces the text of the provided element with a class of timeago and an ISO 8601 timestamp in the title. If used as function, a string containing a formatted version of the provided time stamp is returned.
Want automatic updates?
Subscribe to our RSS feed
Get Email Updates
sent directly to your inbox!