Data Calendar

Data Calendar Demo

How it Works

The Code to generate a data calendar is encapsulated in a single static PHP class: JSDataCalendar, and an optional external javaScript file. The PHP class handles the creation of the initial Calendar set, and all DHTML necessary for switching between calendars. The javaScript file provides extra functionality for accessing calendar items from script.

JSDataCalendar has two methods: InlineCSS which returns a string of CSS for formatting the calendars and Calendar which takes an associative array whose Keys are dates in YYYYMMDD format, and whose values are the string contents of the calendar date. Optional parameters include fromDate and numMonths which define the span of the calendars generated (if not defined, these values are calculated based on the provided calendar items), activeDate which specifies which Calendar to show by default, and id which provides a DOM id, which is required to use the javaScript hooks to modify the calendar.

Future plans are to rebuild the JSDataCalendar class to improve the interface and streamline calendar creation.

Code from this Example

The Code to generate this calendar set is as follows (date content strings have been truncated).

$items = array( '20070301'=>'<div>Something Today<br>6:00pm</div>', [...] );

JSDataCalendar::Calendar( $items );