
aw:Calendar is an ultra light weight DOM based JavaScript calendar designed for easy deployment. It is licensed under the MIT License.
Development has ceased. aw:Calendar will be integrated within aFrame, and this standalone will continue to be available for download.
Features
- 2 step deployment.
- Extremely fast and light weight.
- Highly customizable via CSS.
- Localization supported.
- Object Oriented Programming (OOP) / Encapsulated in a namespace (awCalendar).
- Optional boolean third parameter to enable "Clear" in the calendar header for empty/null values.
- W3C standards / DOM compliant.
Install Notes
- Update the datePattern variable if your country does not follow the ISO 8601 standard. Reference
- Unzip & upload the awCalendar directory to the website (/awCalendar).
- Deploying:
- <head>
<script type="text/javascript" src="awCalendar/awCalendar.js"></script>
<style type="text/css" media="screen">
@import url("awCalendar/awCalendar.css");
</style>
</head>
- Add aw:Calendar to the form. The third parameter is an optional boolean to enable "Clear" in the calendar header.
<form>
<p>Date <input type="text" name="date" id="date" /> <a href="javascript:awCalendar.createCalendar('calendar','date'[,true]);"><img src="awCalendar/calendar.png" alt="Calendar" id="calendar" /></a></p>
</form>
Requirements
- JavaScript 1.5 / DOM compliant web browser.
- Instanciating element has an ID.
- Target element has an ID.
Change Log
- 1.3.3
- Added a class for weekend days.
- 1.3.2
- Removed "javascript:" from day anchor onclick event.
- 1.3.1
- Added boolean() to handle invalid value of optional third parameter in createCalendar().
- 1.3
- Added third optional parameter to the createCalendar() to enable "Clear" in the calendar header.
- 1.2
- Added date pattern for localization, default is ISO 8601 standard (yyyy/mm/dd).
- Fixed Safari not rendering random days.
- Updated CSS.
- Updated JavaScript object anchors to fire onclick.
- 1.1
- Rewrote JavaScript as OOP object.