jqtouch-calendar's Introduction

jQTouch Calendar Extension

Based on jQTouch iCal by Bruno Alexandre (http://code.google.com/p/jqtouch-ical/)

This is the jQTouch iCal plugin taken apart, refactored into an extension and put back together again. The CSS is pretty much the same but most of the internals are different now.

HTML

Create a list of calendar entries like so:

Task text here
More task text here
Another task here

Script

Use this to initialise: <script type="text/javascript" charset="utf-8"> var jQT = new $.jQTouch({}); $(function() { $('#any_id').getCalendar(); //This is the important bit }); </script>

Options

You can also call getCalendar with an options object e.g. $('#any_id').getCalendar({date:variable_x, weekstart:variable_y});

date: Date around which to render the initial calendar. At start, this date is selected
- (default: new Date())
days: Array of titles for the columns
- (default: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'])
months: Array of month names
- (default: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'])
weekstart: index of the position in the days array on which the week is to start
- (default: 1)
noEvents: text to show at days with no events
- (default: 'No Events')

Recommend Projects