By Sam Sehnert, Digital Fusion 2012
This is a jQuery plugin which allows developers to implement an extremely flexible calendar interface with minimal up front development. The calendar plugin can render a Day, Week, Month and Resource calendar view.
The Demos for this plugin live under the examples/ directory. Open them directly in your web browser, or view the following online example:
The calendar method can be used to create a calendar widget which will allow users to graphically see and optionally edit events. The calendar leaves data implementation up to the developer. Developers can feed event data to the calendar using a standard object notation.
$('#myCalendar').cal();
The target element must be a relative or absolute positioned block level element of your choice (a <div />
would be a typical choice).
You simply specify a relative or absolutely positioned parent element, and the plugin will generate the required HTML within that element.
<div id="myCalendar"></div>
The calendar plugin includes its own date and time formatting methods (using PHP style masking).
$.cal.format( new Date(), 'Y-m-d H:i:s' );
You can also perform complicated date/time arithmetic using the built in date object extender (see the full plugin documentation for more details).
var myDate = $.cal.date( '2012-01-01 08:00:00' );
myDate.addHours(1.5).format('D, jS F Y, G:i a');
// Returns 'Sun, 1st January 2012, 9:30 am'
The Documentation for this plugin lives under the docs/ directory. Open it directly in your web browser, or see the online documentation.
Copyright 2012, Digital Fusion, Released under the MIT license.