DatePicker

This is the constructor used to instansiate date pickers. See the usage page for typical usage and examples.

Syntax

new DatePicker([oDate])

Parameters

Name Type Descripton
oDate Date Optional. This represents the date to be selected when the date picker is created. The default value is new Date().

Static Methods

Name Descripton
No methods.

Static Fields

Name Type Descripton
days String[] This should be an array containing the letters describing the seven days of the week starting with Monday.
months String[] This should be an array containing the names of the twelwe months starting with January.

Methods

Name Descripton
create

Syntax

object.create([oDocument])

Arguments

Name Type Descripton
oDocument Document Optional.The document that the date picker should be created in. The default value is document.

Return Type

HTMLElement

 		This creates the HTMLElement object that represents the date picker. This element is returned.
getDate

Syntax

object.getDate()

Arguments

No Arguments.

Return Type

Date

 		Returns a date object representing the selected date. If no date is selected this returns null.
getFirstWeekDay

Syntax

object.getFirstWeekDay()

Arguments

No Arguments.

Return Type

Number

 		Returns the first day of the week
getRedWeekDay

Syntax

object.getRedWeekDay()

Arguments

No Arguments.

Return Type

Number

 		Returns the red day of the week
getShowNone

Syntax

object.getShowNone()

Arguments

No Arguments.

Return Type

Boolean

 		Returns whether the none button is visible or not.
getShowToday

Syntax

object.getShowToday()

Arguments

No Arguments.

Return Type

Boolean

 		Returns whether the today button is visible or not.
goToNextMonth

Syntax

object.goToNextMonth()

Arguments

No Arguments.

Return Type

void

 		Goes to the next month.
goToPreviousMonth

Syntax

object.goToPreviousMonth()

Arguments

No Arguments.

Return Type

void

 		Goes to the previous month.
goToToday

Syntax

object.goToToday()

Arguments

No Arguments.

Return Type

void

 		Selects todays date and shows that month in the date picker.
onchange

Syntax

object.onchange()

Arguments

No Arguments.

Return Type

void

 		This is the method that is called when the selected date is changed. Overload this method to receive notifications about the change.
setDate

Syntax

object.setDate(oDate)

Arguments

Name Type Descripton
oDate Date The date object describing the selected date

Return Type

void

 		Sets the selected date to the same date represented by the date object passed as argument. If you set the date to null then no date is selected.
setFirstWeekDay

Syntax

object.setFirstWeekDay(nFirstWeekDay)

Arguments

Name Type Descripton
nFirstWeekDay Number The first day of the week.

Return Type

void

 		Sets which day to show first in each week. The default value is 0 and that represents Monday according to the ISO standard.
setRedWeekDay

Syntax

object.setRedWeekDay(nRedWeekDat)

Arguments

Name Type Descripton
nRedWeekDat Number The red day of the week

Return Type

void

 		Sets which day of the week to be considered a red day. Default is 6 and that represents Sunday according to the ISO standard.
setShowNone

Syntax

object.setShowNone(bShowNone)

Arguments

Name Type Descripton
bShowNone Boolean Whether to show the none button or not.

Return Type

void

 		Sets whether the none button should be shown or not.
setShowToday

Syntax

object.setShowToday(bShowToday)

Arguments

Name Type Descripton
bShowToday Boolean Whether to show the today button or not.

Return Type

void

 		Sets whether the today button should be visible on the date picker.

Fields

Name Type Descripton
No fields.

Remarks

The fields leftArrowSrc and rightArrowSrc does not change the images of the button aftert the html element is created. You will have to recreate the html element to see the changes.

Date Picker
API
Demo
Download

Author: Erik Arvidsson