Skip to Navigation | Skip to Content


Products


Nitobi Calendar

Nitobi Calendar

A full featured Calendar component with support for multi-month view, easy localization, databound events, and more! Download and integrate our open-source Calendar component to add easy and intuitive date-picking to your web application.

Live Demo | View Source | Download Now (4.3KB)

Using the Nitobi Calendar's rich javascript API, you can hook into a number of validation events to alert the user of invalid dates before submitting to the server to provide full client-side validation.

The Nitobi Calendar distinguishes between three kinds of validation:

  1. Invalid Dates: Dates that are of invalid format and cannot be parsed. E.g. "aldskfj", "Januakdjf 4, 1998"
  2. Out Of Range Dates: Dates that don't fall between the mindate and maxdate.
  3. Disabled Dates: Dates that are defined as disabled.

The corresponding event attributes are as follows:

  1. onsetinvaliddate
  2. onsetoutofrangedate
  3. onsetdisableddate

In addition to firing the above events, the component will highlight the input field to visually demonstrate to the user the selected date is invalid. But it is up to the developer to distinguish between the three types of invalid dates.

 

Example Source Code (hide)

Component Markup

JavaScript Code

Overview

Flexible declarative interface

Integrate easily with any web application by using the HTML declaration.

Databinding Support

You can databind the Calendar to define event information for a specific date or you can also choose to disable the date. Server support includes VBScript, PHP, Java, ASP.NET and CFM.

Internationalizatized

Unicode compliance make deploying to foreign-language environments a breeze.

Loads of Included Themes

With 14 different themes out of the box, you can quickly adapt the Calendar to the look and feel of your site.

Multi Month View

Render as many months as you want!

Skinnable

CSS-based design makes skinning the component straightforward.

Integrates with Adobe Dreamweaver.

Simply drag and drop Ajax components into sites and applications using Adobe Dreamweaver CS3.

Cross Browser.

Nitobi components have full support for an array of modern browsers including IE6+, Firefox, Mozilla 1.3+, Camino, and Netscape 7+, and Safari 3+.