Skip to content
jQuery UI widget that provides "Add to Calendar" functionality. Supports an extensible range of calendar services - desktop and web-based
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.



jquery.addtocal is a jQuery UI widget that provides “Add to Calendar” functionality for any website.

Given event details, it allows users to add the event to any supported calendar system.

Supported calendar systems:

  • Google Calendar

  • Microsoft Live Calendar

  • Yahoo! Calendar

  • 30boxes

  • Any iCal-compatible desktop application

  • Any vCalendar-compatible desktop application

See the addtocal.htm demo file for an example of how to initialize and use jquery.addtocal.

Using jquery.addtocal is simply a matter of initializing the widget, and attaching it to any DOM element that will hold a calendarable event in your application.

You need to implement one method when initializing jquery.addtocal: getEventDetails( element ). It is called when a user selects a calendar to add an event to. The element parameter is the jQuery object for the event invoked. You must return an object packed with the relevant event details. How you determine the event attributes will depend on your page structure, and whether you are using a standard markup such as the hCalendar microformat.


For more information and source files, see the project's github repository. Feel free to fork and enhance!



Copyright © 2010 Paul GALLAGHER

Dual licensed under the MIT or GPL Version 2 licenses.

Other References

Something went wrong with that request. Please try again.