Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

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

About

Highly-customizable calendar display with Google Calendar-like features.

Resources

License

Releases

No releases published

Packages

No packages published