aw:Calendar

aw:Calendar is an ultra light weight DOM based JavaScript calendar designed for easy deployment. It is licensed under the MIT License.

Demo : Download

SVN

Daily builds are available with the username "guest" at https://svn.avoidwork.com/svn/awCalendar/trunk

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

  • Modern DOM compliant web browser.
  • Instantiating 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.