Try it yourself

    DEMO
    ADMIN  (admin ; admin)

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..

by
by
by
by
by
by