Google Calendar

Google Calendar

If you're looking for Google-like Calendar for your next web-application than, here is list of jQuery/ non-jQuery but Javascript based Calendar Schedulers which you can use in your web-application to provide scheduling and/or event calendars.

1) jQuery FullCalendarFullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. 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). It is open source and dual licensed under the MIT or GPL Version 2 licenses.

Just recently FullCalendar 1.5.1 is released which is bundled with jQuery 1.5.2. It has all 3 Day, Week and Month view. You can see it's preview in screen-capture below:

jQuery FullCalendar

jQuery FullCalendar

2) jQuery Frontier Calendar: Is a full month calendar plugin that looks like Google Calendar. Supports Drag and Drop, tooltips, iCal Event import, Customizable style via css file, resizable and well documented.

jQuery Frontier Calendar

jQuery Frontier Calendar

Negative point is it only supports Month view, so if you're looking for Day and Week view you will be disappointed else it has got good documentation. 

Download: http://code.google.com/p/jquery-frontier-calendar/

jQuery plugin repository: http://plugins.jquery.com/project/jqFrontierCal

Demo: Interactive demo not available.

3) jQuery jMonthCalendar: jMonthCalendar is a full month calendar that supports events. You simply initialize the calendar with options and an events array and it can handle the rest. The plugin does have extension points that allow the developer to interact with the calendar when the display is about to change months, after the display has changed months and when the event bubbles are clicked on. jMonthCalendar now supports hover extension points, hover over an event and trigger an event like an alert(); By default the events would each have a URL supplied that would link to a details page.

Negative point again here is it comes with only Month view and since last 20 months project is silent.

Download: http://code.google.com/p/jmonthcalendar/downloads/list

jQuery plugin repository: http://plugins.jquery.com/project/jMonthCalendar

Demo: Interactive demo not available.

4) jQuery Week Calendar: Excellent plugin if you're looking for just Week view, Work Day view and Day view. Good documentation and demonstration.

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. If you require a monthly calendar view, I highly recommend checking out the FullCalendar plugin by Adam Shaw.

  • Display of calendar events within a weekly grid
  • Calendar events can be supplied as an array, url or function returning json
  • Calendar events can be dragged, dropped and resized
  • Lots of callbacks for customizing the way events are rendered plus callbacks for drag, drop, resize, mouseover, click etc
  • Automatically scrolls to current time
  • Extend the core calendar event data structure with your own data
  • Highly configurable, enabling variable timeslots, readonly calendars, display of partial days, custom date formatting, direct manipulation of individual events for create, update, delete of events and much more.
jQuery week calendar

jQuery week calendar

Now it's not being maintained by original author and recommended repository on github is: https://github.com/themouette/jquery-week-calendar

5) jQuery wdCalendar: It's a jQuery plugin supporting both Day, Week and Month view. Not well documented or decent api for extending but decent tool if you want to just get it plug-in to your application. But be sure that if you want to make some modification you gotta understand the code and hack into that without much helpful documentation. If you have to many overlapping events it will not arrange them all properly so one has to tweak the code as per the need because it's not being maintained well so far.

jQuery wdCalendar

jQuery wdCalendar

6) dhtmlxScheduler: Unlike rest of above plugins it's not jQuery based and another point is it's not free for commercial projects so unless you want to use it for your open-source project you gotta buy license for this.

Well documented and API. Comes with Day, Week, Month, Year and Agenda view. There is multiple resource view as well. By far the best one which highly customizable but licensing (paid) is required if you want to commercialize it.

dhtmlxScheduler is a web-based JavaScript events calendar that provides a rich and intuitive scheduling solution similar to Microsoft Outlook Calendar, Apple's iCal, or Google Calendar. The events can be displayed in Day, Week, Month, Year, or Agenda views. Advanced drag-and-drop functionality allows users to change date and time of an event by easily moving or resizing event boxes. Very lightweight (about 20Kb gzipped) and fast-performing, the calendar uses Ajax to smoothly update and display the events schedule.

dhtmlxScheduler - Ajax Events Calendar/Scheduler

dhtmlxScheduler - Ajax Events Calendar/Scheduler

Other than this list if you can try Create astonishing iCal-like calendars with jQuery tutorial to do it yourself and if you can write Java you can always pick up the best of all Google's gwt-cal.