jquery-frontier-calendar


Full month calendar jQuery plugin that looks like Google Calendar.

jQuery Frontier Calendar

Full month calendar jQuery plugin that looks like Google Calendar.

Latest Version, 1.3.2- June 24th, 2010

Please visit the downloads section for a working example and API documentation.

Download Latest Version:
http://code.google.com/p/jquery-frontier-calendar/downloads/list'>http://code.google.com/p/jquery-frontier-calendar/downloads/list

Download Older Versions:
http://code.google.com/p/jquery-frontier-calendar/downloads/list?can=1&q=legacy&colspec=Filename+Summary+Uploaded+Size+DownloadCount'>http://code.google.com/p/jquery-frontier-calendar/downloads/list?can=1&q=legacy&colspec=Filename+Summary+Uploaded+Size+DownloadCount

Google Group:
http://groups.google.com/group/jquery-frontier-calendar'>http://groups.google.com/group/jquery-frontier-calendar

Shameless mention of my other vertical tab plugin
http://code.google.com/p/jquery-vert-tabs/'>http://code.google.com/p/jquery-vert-tabs/

Change Log

http://code.google.com/p/jquery-frontier-calendar/wiki/ChangeLog'>http://code.google.com/p/jquery-frontier-calendar/wiki/ChangeLog

Screenshots

All UI elements such as next-month & previous-month buttons, add event form, edit event
form, tooltips, etc, are not part of the calendar plugin. These are to be created by you so you can control how they look. Use the API hooks in your form elements to control the calendar.
http://jquery-frontier-calendar.googlecode.com/files/FrontierCalendar10.png' width='800px'>


When there are too many agenda items to fit within a day cell a "more" link appears. Clicking this link gives you a jquery modal dialog which displays all the agenda items
that fall on that day.
http://jquery-frontier-calendar.googlecode.com/files/FrontierCalendar03.png' width='800px'>


You may change the background image via the CSS file. By default all day cells have a linear fade png image for their background.
http://jquery-frontier-calendar.googlecode.com/files/FrontierCalendar09.png' width='800px'>


http://jquery-frontier-calendar.googlecode.com/files/FrontierCalendar04.png' width='800px'>



'>

Project Information

Labels:
calendar jquery plugin js javascript month agenda ical ui jqueryui drag-and-drop events monthcalendar gcal