Go to Javascript Utilities Home | Go to PopCal Home
PopCal - The C-o-o-lest Pop Up Calendar!    (http://jsutils.sourceforge.net/popcal/)

PopCal

The C-o-o-lest Pop Up Calendar!

PopCal Samples

With no arguments! popCal, figure it out yourself!
popCal()

If no arguments are specified the previous text box before the button is assumed to be the date input field.
Specifying date input field
popCal(document.frm1.date1)


Specifying non form element as input field
Birthday: <span id=bday1></span>
popCal(bday1)
Birthday:   Change

Passing DATEFORMAT as a parameter
popCal(this.form.date2,'DATEFORMAT=yyyy-mm-dd')
Refer to the usage manual for information on the supported formats.
Parameters to change calendar size/headers!
popCal(this.form.date3,'DATEFORMAT=mmmm yyyy;CELLSIZE=36;WEEKHEAD_SIZE=3')

The following can be used as a guideline for sizes:

CELLSIZE  WEEKHEAD_SIZE  Example
32        2              View (Small)
36        3              View (Medium)
80        20             View (Huge!)

Changing the range of years shown in the Calendar
popCal(null,'MINYEAR=2000;MAXYEAR=2010')

Changing language on the fly! Want to see a French Calendar?
popCal(null,'DATEFORMAT=www, dd.mm.yyyy;'+LANG_FRENCH);


Copyright © 2004 Arun Narayanan