Popup Calendar 1.2 - DHTML Lab

Pop-up Calendar 1.2
The new attributes

Include these new attributes as you would all the other calendar attributes.

The original base attributes are outlined in the DHTML Lab Popup Calendar 1.0 discussion.

Supplementary "empty-date-option" attributes were added in DHTML Lab Popup Calendar 1.1.

The new attributes are:

input_element_id_year,
input_element_id_month and
input_element_id_date

They are extensions of the Version 1.0 input_element_id attribute, included below for reference.

input_element_id

input_element_id = "myVisibleInputElementID"
input_element_id = "myHiddenInputElementID"
input_element_id = "myTextareaElementID"

Specifies a text input ( <input type="text"> ), hidden text input ( <input type="hidden"> ), or textarea ( <textarea> ) element for displaying or storing a user-selected date.

Make sure the attribute value is identical to your form element's unique id attribute. If your input HTML is:

the attribute should be:

input_element_id = "flightdate"

The script does not provide a default input_element_id value.

Usage Suggestion:
Use only if you need the date displayed in-page or you need to pass the information to your server via a form.

input_element_id_year

input_element_id_year = "myVisibleInputElementID"
input_element_id_year = "myHiddenInputElementID"
input_element_id_year = "myTextareaElementID"
input_element_id_year = "mySelectElementID"

Specifies a text input ( <input type="text"> ), hidden text input ( <input type="hidden"> ), textarea ( <textarea> ), or select ( <select> ) element for displaying or storing the year value of a user-selected date.

Make sure the attribute value is identical to your form element's unique id attribute. If your input HTML is:

the attribute should be:

input_element_id_year = "flightdateYear"

The script does not provide a default input_element_id_year value.

Usage Suggestion:
Use only if you need the year displayed in-page or you need to pass the information to your server via a form.

input_element_id_month

input_element_id_month = "myVisibleInputElementID"
input_element_id_month = "myHiddenInputElementID"
input_element_id_month = "myTextareaElementID"
input_element_id_month = "mySelectElementID"

Specifies a text input ( <input type="text"> ), hidden text input ( <input type="hidden"> ), textarea ( <textarea> ), or select ( <select> ) element for displaying or storing the month value of a user-selected date.

Make sure the attribute value is identical to your form element's unique id attribute. If your input HTML is:

the attribute should be:

input_element_id_month = "flightdateMonth"

The script does not provide a default input_element_id_month value.

Usage Suggestion:
Use only if you need the month displayed in-page or you need to pass the information to your server via a form.

input_element_id_date

input_element_id_date = "myVisibleInputElementID"
input_element_id_date = "myHiddenInputElementID"
input_element_id_date = "myTextareaElementID"
input_element_id_date = "mySelectElementID"

Specifies a text input ( <input type="text"> ), hidden text input ( <input type="hidden"> ), textarea ( <textarea> ), or select ( <select> ) element for displaying or storing the date value of a user-selected date.

Make sure the attribute value is identical to your form element's unique id attribute. If your input HTML is:

the attribute should be:

input_element_id_date = "flightdateDate"

The script does not provide a default input_element_id_date value.

Usage Suggestion:
Use only if you need the date displayed in-page or you need to pass the information to your server via a form.

On the next page is a bit more detail on using separate text inputs.