>
 



jQuery is one of the most popular Javascript library. It’s easy to use, flexible, and most of all there’s a lot of jQuery tutorials and plugins available out which ease the the creation of dynamic effects and web controls. jQuery has become one of the most used JavaScript libraries today and can be found in the core of popular products like Wordpress, joomla and Drupal.

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.

1. FullCalendar - jQuery Event Calendar with Drag'n Drop, Ajax Fetching and Google Calendar Integration


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
FullCalendar - jQuery Calendar Plugin with Drag'n Drop and Ajax Capabilities

 

More...

Currently rated 5.0 by 1 people

  • Currently 5/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5



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
jQuery Date Range Picker Plugin by FilamentGroup

 

More...

Currently rated 5.0 by 1 people

  • Currently 5/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5



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.

jQuery UI provides abstractions for interaction and animation, advanced effects and themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.

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
jQuery UI's Datpicker Plugin

 

More...

Currently rated 5.0 by 1 people

  • Currently 5/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5



I wrote a blog post about FullCalendar recently. (FullCalendar: jQuery Event Calendar with Drag'n Drop, Ajax Fething and Google Calendar Integration). I have just come a cross with an astonishing calendar that looks like iPhone's calendar application: iCal.

iPhone Calendar style calendar with jquery
iCal style calendar with jQuery

 

This calendar is built with CSS and jQuery. It also features a lightweight Coda-like effect for event descriptions. You can find more details about the calendar here.

Currently rated 4.2 by 6 people

  • Currently 4.166667/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5