Properties

element
A handle for the container where scal lives on the page.

updateelement
A handle for the element that is updated by a click on the calendar.

cells
A handle to all of the cells in the calendar.

startdate
The first date provided when the calendar was created. Defaults to the current date

currentdate
This is the date currently selected.

daterange
An array of all dates currently displayed. Includes dates that fall outside the active month but are visible to round out the weeks.

Public Methods

setCurrentDate(string or date object)

Description:

This method changes the current date and redraws the calendar. By default, will execute the update callback.

Required Parameters:

This methods required parameter can be a String or a Date object.
If the parameter is a date object, the current date will be set to new the parameter date.

As a String, the allowed paramater values are:

Main Files

javascripts/scal.js - The meat of the project.
styles/scal.css - Styles used by scal when using divs instead of tables to build the control.
styles/scaltable.css - Styles used by scal when using tables instead of divs to build the control.

** Note ** Only include one of the css files. The two modes (div/tables) are not compatible style-wise.

Scal add ons

Planner

Introduction

Scal is a simple, javascript calendar/date picker based on the Prototype js library.

script.aculo.us and scal