Highly-customizable calendar display with Google Calendar-like features.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
GPL-LICENSE.txt
MIT-LICENSE.txt
README.mkd
calendar.css
calendar.js
calendar_markup.html
calendar_settings.js
calendar_settings_default.js
calendar_wrapper.php
helpers.js
index.php
sample_events.js

README.mkd

js-calendar-widget - Highly-customizable calendar

Description

Highly-customizable calendar display with Google Calendar-like features. Built using JavaScript/CSS/HTML and YUI.

Getting started

  1. Clone the project from GitHub git://github.com/jontsai/js-calendar-widget.git

  2. Drop the files in your project and go! A PHP wrapper is included and an example can be found in index.html. It's basic usage:

It is recommended to place any style customizations in a separate CSS file.

Somewhere in your JavaScript and before you include calendar.js, you need to implement a function called getExternalEvents(), which must return a JSON object of events formatted as follows:

// events = { 'YYYY-MM-DD' : [ { time: 'HH:MM (24-Hours)', content: 'HTML Markup' }, { ... } ], ... }

Customization

You can customize the apppearance of the calendar by copying calendar_settings.js, adjusting the values, and sourcing it from your HTML context.

You can also customize the payload or content display of each event by providing your own HTML markup in getExternalEvents().