Information This item represents an events calendar, offered as a jQuery plugin. NOTE: The PHP version is now included ! It looks like Google Calendar (the first one on CodeCanyon), but in a simpler way. It is composed in two parts :
Horizontal month calendar (to go to a certain date easily) Week calendar (the main calendar, we can go to previous/next weeks with it)
The calendar manage the time with half hours (so, 48 cells a day), and it authorizes only one event at a T time. It uses HTML / CSS / JS.
What can you do with it ?
To see the list of events To navigate into the calendar (with or without the horizontal month calendar) To manage the four masks (days / hours) To create events To modify events (date, duration, information) To delete events
Features
Event management Fastest events editor with drag and drop / click / resize system Event collision system (to authorize only one event at a time) Different color for each event (with a Color-Chooser element) Masks management (to customize the view)
Changelog
V1.1
Redraw calendar function added (to recalculate coordinates for masks and events) Documentation updated Z-index improvement while dragging events PHP Version added (with its own documentation, login system, MySQL events storage)
Compatible browsers
IE8+ Firefox Chrome Etc.
Use of external scripts
HTML5Shiv : HTML5 management for older browsers (and IE) DateJS : Easier date management jQuery MiniColors : Simple color-chooser Shadowbox : Enhanced Lightbox jQuery : THE Javascript library jQuery UI : THE main jQuery plugin
Important notes I want to add some useful things to this calendar. I’m working on it to have a future version with these features :
Fluid calendar with percent sizes Different management of the calendar in the code (it uses some coordinates) Fix bugs reported to me
It will be added for the V2, as soon as possible..