Skip to content
Go to file

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time


jQuery Calendar Plugin

By Sam Sehnert, Custom D 2017

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:


Basic calendar instance

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.


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>

Extended Date/Time powers

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 = $ '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'

Full plugin documentation

The Documentation for this plugin lives under the docs/ directory. Open it directly in your web browser, or see the online documentation.


Copyright 2017, Custom D, Released under the MIT licensext.


A full day, week, and resource calendar for use with jQuery.




No packages published
You can’t perform that action at this time.