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

Using the Nitobi Calendar, you can easily adapt it to any region. Localization can be achieved on a per instance basis or it can be quickly applied to all instances in one fell swoop.

There are 9 attributes you can use to localize the Calendar:

  • longmonthnames: e.g. January, February, March, etc.
  • shortmonthnames: e.g. Jan, Feb, Mar, etc.
  • longdaynames: e.g. Sunday, Monday, Tuesday, etc.
  • shortdaynames: e.g. Sun, Mon, Tue, etc.
  • mindaynames: e.g. S, M, T, etc.
  • navconfirmtext: The text for the quick nav button that confirms the date.
  • navcanceltext: The text for the quick nav button that cancels the date change.
  • navinvalidyeartext: The text displayed when an invalid year is entered in the quick nav panel.
  • navoutofrangetext: The text displayed when the date selected in the quick nav panel isn't in the range defined by mindate/maxdate.

The values for the attributes can be either the name of an array, or a literal JSON array.

Alternatively, you can use the following javascript properties to set the locale for all Calendars on a page:

  • nitobi.calendar.DatePicker.longMonthNames
  • nitobi.calendar.DatePicker.shortMonthNames
  • nitobi.calendar.DatePicker.longDayNames
  • nitobi.calendar.DatePicker.shortDayNames
  • nitobi.calendar.DatePicker.minDayNames
  • nitobi.calendar.DatePicker.navConfirmText
  • nitobi.calendar.DatePicker.navCancelText
  • nitobi.calendar.DatePicker.navInvalidYearText
  • nitobi.calendar.DatePicker.navOutOfRangeText

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

Products