Simple date picker class.
| |
DatePicker( Object config ) |
DatePicker |
| Create a new DatePicker |
| |
addEvents( Object object ) : void |
Observable |
| Used to define events on this Observable |
| |
addListener( String eventName, Function handler, [Object scope], [Object options] ) : void |
Observable |
| Appends an event handler to this component |
| |
destroy() : void |
Component |
| Destroys this component by purging any event listeners, removing the component's element from the DOM,
removing the c... |
| |
disable() : Ext.Component |
Component |
| Disable this component. |
| |
enable() : Ext.Component |
Component |
| Enable this component. |
| |
fireEvent( String eventName, Object... args ) : Boolean |
Observable |
| Fires the specified event with the passed parameters (minus the event name). |
| |
focus( Boolean selectText ) : Ext.Component |
Component |
| Try to focus this component. |
| |
getEl() : Ext.Element |
Component |
| Returns the underlying Ext.Element. |
| |
getId() : String |
Component |
| Returns the id of this component. |
| |
getValue() : Date |
DatePicker |
| Gets the current selected value of the date field |
| |
hasListener( String eventName ) : Boolean |
Observable |
| Checks to see if this object has any listeners for a specified event |
| |
hide() : Ext.Component |
Component |
| Hide this component. |
| |
isVisible() : void |
Component |
| Returns true if this component is visible. |
| |
on( String eventName, Function handler, [Object scope], [Object options] ) : void |
Observable |
| Appends an event handler to this element (shorthand for addListener) |
| |
purgeListeners() : void |
Observable |
| Removes all listeners for this object |
| |
removeListener( String eventName, Function handler, [Object scope] ) : void |
Observable |
| Removes a listener |
| |
render( [String/HTMLElement/Element container] ) : void |
Component |
| If this is a lazy rendering component, render it to its container element. |
| |
setDisabled( Boolean disabled ) : void |
Component |
| Convenience function for setting disabled/enabled by boolean. |
| |
setValue( Date value ) : void |
DatePicker |
| Sets the value of the date field |
| |
setVisible( Boolean visible ) : Ext.Component |
Component |
| Convenience function to hide or show this component by boolean. |
| |
show() : Ext.Component |
Component |
| Show this component. |
| |
un( String eventName, Function handler, [Object scope] ) : void |
Observable |
| Removes a listener (shorthand for removeListener) |
| |
beforedestroy : ( Ext.Component this ) |
Component |
| Fires before the component is destroyed. Return false to stop the destroy. |
| |
beforehide : ( Ext.Component this ) |
Component |
| Fires before the component is hidden. Return false to stop the hide. |
| |
beforerender : ( Ext.Component this ) |
Component |
| Fires before the component is rendered. Return false to stop the render. |
| |
beforeshow : ( Ext.Component this ) |
Component |
| Fires before the component is shown. Return false to stop the show. |
| |
destroy : ( Ext.Component this ) |
Component |
| Fires after the component is destroyed. |
| |
disable : ( Ext.Component this ) |
Component |
| Fires after the component is disabled. |
| |
enable : ( Ext.Component this ) |
Component |
| Fires after the component is enabled. |
| |
hide : ( Ext.Component this ) |
Component |
| Fires after the component is hidden. |
| |
render : ( Ext.Component this ) |
Component |
| Fires after the component is rendered. |
| |
select : ( DatePicker this, Date date ) |
DatePicker |
| Fires when a date is selected |
| |
show : ( Ext.Component this ) |
Component |
| Fires after the component is shown. |
| |
allowDomMove : Boolean |
Component |
| Whether the component can move the Dom node when rendering (defaults to true). |
| |
cancelText : String |
DatePicker |
| The text to display on the cancel button |
| |
constrainToViewport : Boolean |
DatePicker |
| True to constrain the date picker to the viewport (defaults to true) |
| |
dayNames : Array |
DatePicker |
| An array of textual day names which can be overriden for localization support (defaults to Date.dayNames) |
| |
disableClass : String |
Component |
| CSS class added to the component when it is disabled (defaults to "x-item-disabled"). |
| |
disabledDatesRE : RegExp |
DatePicker |
| JavaScript regular expression used to disable a pattern of dates (defaults to null) |
| |
disabledDatesText : String |
DatePicker |
| The tooltip text to display when the date falls on a disabled date (defaults to "") |
| |
disabledDays : Array |
DatePicker |
| An array of days to disable, 0-based. For example, [0, 6] disables Sunday and Saturday (defaults to null). |
| |
disabledDaysText : String |
DatePicker |
| The tooltip to display when the date falls on a disabled day (defaults to "") |
| |
format : String |
DatePicker |
| The default date format string which can be overriden for localization support. The format must be valid according to... |
| |
hideMode : String |
Component |
| How this component should hidden. Supported values are "visibility" (css visibility), "offsets" (negative offset posi... |
| |
maxDate : Date |
DatePicker |
| Maximum allowable date (JavaScript date object, defaults to null) |
| |
maxText : String |
DatePicker |
| The error text to display if the maxDate validation fails (defaults to "This date is after the maximum date") |
| |
minDate : Date |
DatePicker |
| Minimum allowable date (JavaScript date object, defaults to null) |
| |
minText : String |
DatePicker |
| The error text to display if the minDate validation fails (defaults to "This date is before the minimum date") |
| |
monthNames : Array |
DatePicker |
| An array of textual month names which can be overriden for localization support (defaults to Date.monthNames) |
| |
monthYearText : String |
DatePicker |
| The header month selector tooltip (defaults to 'Choose a month (Control+Up/Down to move years)') |
| |
nextText : String |
DatePicker |
| The next month navigation button tooltip (defaults to 'Next Month (Control+Right)') |
| |
okText : String |
DatePicker |
| The text to display on the ok button |
| |
prevText : String |
DatePicker |
| The previous month navigation button tooltip (defaults to 'Previous Month (Control+Left)') |
| |
startDay : Number |
DatePicker |
| Day index at which the week should begin, 0-based (defaults to 0, which is Sunday) |
| |
todayText : String |
DatePicker |
| The text to display on the button that selects the current date (defaults to "Today") |
| |
todayTip : String |
DatePicker |
| The tooltip to display for the button that selects the current date (defaults to "{current date} (Spacebar)") |
allowDomMove
allowDomMove : Boolean
Whether the component can move the Dom node when rendering (defaults to true).
cancelText
cancelText : String
The text to display on the cancel button
This config option is defined by DatePicker.
constrainToViewport
constrainToViewport : Boolean
True to constrain the date picker to the viewport (defaults to true)
This config option is defined by DatePicker.
dayNames
dayNames : Array
An array of textual day names which can be overriden for localization support (defaults to Date.dayNames)
This config option is defined by DatePicker.
disableClass
disableClass : String
CSS class added to the component when it is disabled (defaults to "x-item-disabled").
disabledDatesRE
disabledDatesRE : RegExp
JavaScript regular expression used to disable a pattern of dates (defaults to null)
This config option is defined by DatePicker.
disabledDatesText
disabledDatesText : String
The tooltip text to display when the date falls on a disabled date (defaults to "")
This config option is defined by DatePicker.
disabledDays
disabledDays : Array
An array of days to disable, 0-based. For example, [0, 6] disables Sunday and Saturday (defaults to null).
This config option is defined by DatePicker.
disabledDaysText
disabledDaysText : String
The tooltip to display when the date falls on a disabled day (defaults to "")
This config option is defined by DatePicker.
format
format : String
The default date format string which can be overriden for localization support. The format must be valid according to
Date.parseDate (defaults to 'm/d/y').
This config option is defined by DatePicker.
hideMode
hideMode : String
How this component should hidden. Supported values are "visibility" (css visibility), "offsets" (negative offset position) and "display" (css display) - defaults to "display".
maxDate
maxDate : Date
Maximum allowable date (JavaScript date object, defaults to null)
This config option is defined by DatePicker.
maxText
maxText : String
The error text to display if the maxDate validation fails (defaults to "This date is after the maximum date")
This config option is defined by DatePicker.
minDate
minDate : Date
Minimum allowable date (JavaScript date object, defaults to null)
This config option is defined by DatePicker.
minText
minText : String
The error text to display if the minDate validation fails (defaults to "This date is before the minimum date")
This config option is defined by DatePicker.
monthNames
monthNames : Array
An array of textual month names which can be overriden for localization support (defaults to Date.monthNames)
This config option is defined by DatePicker.
monthYearText
monthYearText : String
The header month selector tooltip (defaults to 'Choose a month (Control+Up/Down to move years)')
This config option is defined by DatePicker.
nextText
nextText : String
The next month navigation button tooltip (defaults to 'Next Month (Control+Right)')
This config option is defined by DatePicker.
okText
okText : String
The text to display on the ok button
This config option is defined by DatePicker.
prevText
prevText : String
The previous month navigation button tooltip (defaults to 'Previous Month (Control+Left)')
This config option is defined by DatePicker.
startDay
startDay : Number
Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)
This config option is defined by DatePicker.
todayText
todayText : String
The text to display on the button that selects the current date (defaults to "Today")
This config option is defined by DatePicker.
todayTip
todayTip : String
The tooltip to display for the button that selects the current date (defaults to "{current date} (Spacebar)")
This config option is defined by DatePicker.