DatePicker
A DatePicker is used for entering dates. It lets site visitors populate a date field by picking a date using a calendar popup. You can enable and disable dates, date ranges, and days of the week on your date picker. Learn more.
Additional information about this section
Store values associated with an object
- dateFormat
Sets or gets the format of the date displayed in the date picker.
- disabledDateRanges
Sets or gets ranges of dates that a site visitor can't select.
- disabledDaysOfWeek
Sets or gets the days of the week that a site visitor can't select.
- enabledDateRanges
Sets or gets ranges of dates that a site visitor can select.
- maxDate
Sets or gets the latest date that a site visitor can select.
- minDate
Sets or gets the earliest date that a site visitor can select.
- timeZone
Sets or gets the date picker's timezone.
- value
Sets or gets the value of the date picker.
- label
Sets or gets the label of an element.
- customClassList
A property that represents an element's custom CSS classes.
- deleted
Indicates if an element was temporarily deleted from the DOM. Use the restore function to restore the deleted element.
- rendered
Indicates if an element is currently in the DOM structure.
- global
Indicates if an element appears on all pages or only on the current page.
- id
Gets the element's ID.
- parent
Gets the element's parent element.
- type
Gets the element's type.
- valid
Indicates if an input element's value is valid.
- validationMessage
Gets a message indicating why the element is invalid, or an empty string if the message is valid.
- validity
Gets a ValidityState object that contains detailed information about the validity states of the element.
- hidden
Indicates if the element is visible or hidden.
- isVisible
Indicates if the element is actually visible.
- collapsed
Indicates if the element is collapsed or expanded.
- enabled
Indicates if the element is enabled or disabled.
- readOnly
Sets or gets if a user can modify the value of the input element.
- required
Sets or gets whether an input element is required to have a value.
Perform actions on an object
- onCustomValidation( )
Adds an event handler that runs when the element's validation is checked.
- onViewChange( )
Adds an event handler that triggers when the date picker's view changes.
- delete( )
Deletes an element from the DOM. This is a temporary deletion. Use restore to restore the deleted element. SEO crawlers cannot find content in an element whose ...
- onMouseIn( )
Adds an event handler that runs when the pointer is moved onto the element. You can also define an event handler using the Properties and Events panel.
- onMouseOut( )
Adds an event handler that runs when the pointer is moved off of the element. You can also define an event handler using the Properties and Events panel.
- restore( )
Restores a deleted element to the DOM.
- scrollTo( )
Scrolls the page to the top of the element using an animation.
- onViewportEnter( )
Adds an event handler that runs when an element is displayed in the viewable part of the current window.
- onViewportLeave( )
Adds an event handler that runs when an element is no longer displayed in the viewable part of the current window.
- resetValidityIndication( )
Resets the element's visual validity indication.
- updateValidityIndication( )
Updates the element's visual validity indication based on its current validity state.
- onChange( )
Adds an event handler that runs when an input element's value is changed.
- hide( )
Hides the element and sets its hidden property to true, using an effect if specified.
- show( )
Shows the element and sets its hidden property to false, using an effect if specified.
- collapse( )
Collapses the element and sets its collapsed property to true.
- expand( )
Expands the element and sets its collapsed property to false.
- disable( )
Disables the element and sets its enabled property to false.
- enable( )
Enables the element and sets its enabled property to true.
- blur( )
Removes focus from the element.
- focus( )
Places focus on the element.
- onBlur( )
Adds an event handler that runs when the element loses focus.
- onFocus( )
Adds an event handler that runs when the element receives focus.
- onClick( )
Adds an event handler that runs when the element is clicked.
- onDblClick( )
Adds an event handler that runs when the element is double-clicked.
Related Content