Calendar Popup
[Toolbox]  [Example]  [Source]  [Documentation]
Description:
This script uses DHTML or Popup windows to display a calendar for the user to select a date. It was designed to look and behave like Microsoft Outlook.
It can be implemented in only a few lines of code, yet also provides customization options to make it work correctly in any country's display format, etc.

It also requires AnchorPosition.js and PopupWindow.js, and uses date.js for date formatting.

Note: Why are form elements or <SELECT> boxes showing over top of the DIV-style calendar popup? It's not a bug in the javascript - it's a bug/feature of browsers. See this explanation by WebReference.

Example:
Below are multiple examples of the CalendarPopup in use. Each is slightly different to show different capabilities of the script. View the source of this document to see how it was done!
(Note: These examples use the date.js also on this site for date formatting)

Default calendar.
select

Default calendar using the DIV-style display.
select

Some dates manually disabled from selection.
Dates disabled: Anything up to today, December 25, 2003, and anything after January 1, 2005.
select

Week-end select.
select

Calendar with showYearNavigation() enabled.
select

Calendar with only Saturdays allowed to be selected enabled.
select