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 (3.2KB)

Nitobi Calendar supports a robust date masking syntax to help you format the dates to your liking. Masks can be applied to the input field. You can also apply a mask to the input when it is focussed to make date entry easier.

The following tokens are available for date masking (using January 4, 2008 as an example):

  • y: 2008
  • yy: 08
  • yyyy: 2008
  • M: 1
  • MM: 01
  • MMM: January
  • NNN: Jan
  • d: 4
  • dd: 04
  • E: Friday
  • EE: Fri

If the date entered the the text field doesn't match the mask, the selected date is cleared and a class is applied to the input to notify the user that the date is invalid.

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+.