5 jQuery Calendar Plugins that can be used on Websites




Online calendars can be very useful to share and publish your schedules. One of the most common requests I receive from my jQuery readers is for a good, free-to-use, jQuery Calendar control, similar to the Google Calendar, which can be added to a website or blog.

Here are some of the freely available jQuery Calendar plugins, worth trying out. Please note that this post is about jQuery Calendar Plugins and not DatePicker controls.



jQuery Full Calendar Plugin

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event). Supports jQuery UI Themes.

image


Latest VersionFullCalendar 1.4.6 (May 31st, 2010)


jQuery Frontier Calendar

The jQuery Frontier Calendar is a full month calendar jQuery plugin that looks like Google Calendar. Supports drag-and-drop on agenda items, and iCal VEVENT import. Customizable style via CSS file.
image

Latest Version - jQueryFrontierCalendar 1.3.1 (June 23rd, 2010)


jQuery Event Calendar Plugin


wdCalendar is a jQuery based Google calendar clone. It cover most Google calendar features. You can integrate it with a database and can have daily, weekly or monthly views. Events can be created, updated or removed by using drag & drop operations.

See a Demo


image


Latest Version - wdCalendar


jQuery Week Calendar

The jquery-week-calendar plugin provides a simple and flexible way of including a weekly calendar in your application. It is built on top of jquery and jquery ui and is inspired by other online weekly calendars such as Google calendar. Currently this project is not being maintained, but contains a lot of features out-of-the-box for you to tweak.

image


Latest Version - jquery-weekcalendar-1.2.2


jQuery iCal-like Calendar

Although not like the Google Calendar, I thought this iPhone-like calendar deserves a mention here. The iCal-like calendar, created by Stefano Verna is created using only CSS and jQuery. The calendar has a relatively plain HTML structure and also contains a lightweight Coda-like effect for events description popups.

See a Demo


image

Latest VersioniCal-like-calendar


So the next time you are looking out for a free jQuery Calendar plugin for your website, I hope this post will help you find one.

You can also check my posts on the jQuery UI DatePicker



Will you give this article a +1 ? Thanks in advance




About The Author

Suprotim Agarwal, ASP.NET Architecture MVP works as an Architect Consultant and provides consultancy on how to design and develop Web applications.

Suprotim is also the founder and primary contributor to DevCurry, DotNetCurry and SQLServerCurry. He has also written an EBook 51 Recipes using jQuery with ASP.NET Controls.

Follow him on twitter @suprotimagarwal

comments

10 Responses to "5 jQuery Calendar Plugins that can be used on Websites"
  1. Omer Greenwald said...
    June 25, 2010 at 1:59 AM

    Good post. I had to implement an event calendar for a client, and I couldnt find a plugin that allows having a recurring course in different dates (as opposed to recurring events that are daily, weekly, monthly etc.).
    Anyway, I wound up using ajax-calendar plugin and twicked the code for that feature.

  2. Anonymous said...
    July 1, 2010 at 12:58 PM

    The weakness of allmost every calendar componenet that exist is that they are not continuous. But then i found this one: http://github.com/eeroan/jquery-continuous-calendar. Paging between months sucks!

  3. Anonymous said...
    July 7, 2010 at 2:28 AM

    Just to be picky, Anon, I'd say that's a date picker you've found, not a calendar. Nice though :)

    On a slightly similar note, why doesn't anyone seem to know what a combo-box is? Two thirds of the JQuery combo-box plugins out there are just drop-downs. Grrrrr.

  4. balupton said...
    July 12, 2010 at 3:16 AM

    jQuery Sparkle also includes a very nice and slim jQuery Events Calendar based on the jQuery UI DatePicker. It's been a good choice so far for using in the sidebars of client dashboards on production sites:

    http://www.balupton.com/projects/jquery-sparkle/
    ^ Should be down the bottom last time I checked.

  5. Amandeep Mann said...
    August 10, 2010 at 10:26 AM

    hi

    i like all jQuery date picker.i have also some collections of jQuery colander or jQuery date picker. Please see here:-

    http://jquery13.blogspot.com/2010/08/30-jquery-calendar-and-jquery-date.html

    Thanks
    Aman

  6. ion said...
    March 22, 2011 at 4:07 AM

    can this iCal-like jQuery be added with a Month Navigation easily? if yes, any links how to do it? I'm figuring it out for quite a while now but still fails

  7. Fred Keyster said...
    December 7, 2011 at 5:27 AM

    Greetings friend, my name is Fred and I'm studying wdCalendar, I installed on my machine, but when I "edit details" it asks to download a plugin:
    This feature is disabled. Please download this plugin and install it in your machine for full features

    How can I fix this? can you help me?

  8. Anonymous said...
    March 23, 2012 at 7:32 AM

    new & good!!!!
    http://www.singlecalendar.nixiweb.com/

  9. singleCalendar said...
    March 25, 2012 at 1:11 PM

    singleCalendar

    sera actualizado con frecuencia.

  10. Lukasz said...
    August 19, 2013 at 5:29 AM

    I would also recommend http://w3widgets.com/responsive-calendar/ a very nice jQuery widget

 

Copyright © 2009-2014 All Rights Reserved for DevCurry.com by Suprotim Agarwal | Terms and Conditions