Working with General Visual Components > Classes > DateTimeEdit
Namespace: PP.Ui;
DateTimeEdit
The DateTimeEdit class implements the DateTimeEdit component: that is, date and time editor.
PP.initClass(PP.Ui.DateTimeEdit, PP.Ui.SpinEdit, "DateTimeEdit");
Constructor name | Brief description | |
![]() |
DateTimeEdit | The DateTimeEdit constructor creates an instance of the DateTimeEdit component. |
Property name | Brief description | |
![]() |
CurrentDate | The CurrentDate property sets the time and date value. |
![]() |
MaxDate | The MaxDate property seta maximum possible value of date and time. |
![]() |
MinDate | The MinDate property sets the minimum available value of time and date. |
![]() |
Mode | The Mode property sets the display mode of time and date. |
![]() |
MonthNames | The MonthNames property sets the array with the month names. |
![]() |
ShowDate | The ShowDate property determines whether data is displayed in the component. |
![]() |
ShowTime | The ShowTime property determines whether time is displayed in the component. |
![]() |
TextAfterHalfYear | The TextAfterHalfYear property sets the text that is displayed in the input box after the half-year value. |
![]() |
TextAfterMonth | The TextAfterMonth property sets text to be shown in the input box after the month value. |
![]() |
TextAfterQuarter | The TextAfterQuarter property sets the text that is displayed in the input box after the quarter value. |
![]() |
TextAfterWeek | The TextAfterWeek property sets text to be shown in the input box after the week value. |
![]() |
TextAfterYear | The TextAfterYear property sets text to be shown in the input box after the year value. |
Method name | Brief description | |
![]() |
getCurrentDay | The getCurrentDay method increases the day value. |
![]() |
getCurrentHalfYear | The getCurrentHalfYear method returns the half-year value. |
![]() |
getCurrentHour | The getCurrentHour method returns the hour value. |
![]() |
getCurrentMinute | The getCurrentMinute method returns the minute value. |
![]() |
getCurrentMonth | The getCurrentMonth method returns the month value. |
![]() |
getCurrentQuarter | The getCurrentYear method returns the year value. |
![]() |
getCurrentWeek | The getCurrentWeek method returns the week value. |
![]() |
getCurrentYear | The getCurrentYear method returns the year value. |
Property name | Brief description | |
![]() |
ShowButtons | The ShowButtons property determines whether buttons for toggling component values are used. |
Method name | Brief description | |
![]() |
setFocus | The setFocus method sets focus for a component. |
Event name | Brief description | |
![]() |
AfterChange | The AfterChange event occurs when text in input box finishes changing. |
![]() |
BeforeChange | The BeforeChange event occurs when text in input box starts changing. |
![]() |
SpinDown | The SpinDown event occurs on scrolling downwards. |
![]() |
SpinUp | The SpinUp event occurs on scrolling upwards. |
Property name | Brief description | |
![]() |
EnableEdit | The EnableEdit property determines whether text field. |
![]() |
IsPassword | The IsPassword property determines whether the entered text is replaces with asterisks. |
![]() |
IsWatermark | The IsWatermark property determines whether transparent text is rendered if text field is empty and not focused. |
![]() |
MaxLength | The MaxLength property determines maximum text length in text field. |
![]() |
ValidState | The ValidState property determines text field state as correctly or incorrectly filled in, which is displayed by means of corresponding highlighting. |
![]() |
WatermarkText | The WatermarkText property determines the text displayed if text field is empty and not focused. |
Method name | Brief description | |
![]() |
applyNotValidCSS | The applyNotValidCSS method sets the style that determines highlighting of invalid input value of text field. |
![]() |
applyValidCSS | The applyValidCSS property sets the style that determines highlighting of valid input value of text field. |
![]() |
blur | The blur method defocuses text field. |
![]() |
selectAll | The selectAll method selects the entire text contents of text field. |
![]() |
setAllowedSymbols | The setAllowedSymbols method determines the list of characters that can be entered. |
![]() |
setRestrictedSymbols | The setRestrictedSymbols method sets the list of restricted characters. |
Event name | Brief description | |
![]() |
AfterChange | The AfterChange event occurs after completing of text field editing. |
![]() |
AfterTimeout | The AfterTimeout event occurs after completing of text field editing when the delay time between field editing and calling the event expires. |
![]() |
BeforeChange | The BeforeChange event occurs on starting editing of text field. |
![]() |
Blur | The Blur event occurs when text field loses focus. |
![]() |
Enter | The Enter event occurs on pressing the ENTER key in the active text field. |
![]() |
Focus | The Focus event occurs when text field gets focus. |
![]() |
TextChanged | The TextChanged event occurs after changing text field text. |
![]() |
ValueChanged | The ValueChanged event occurs after changing the value of text field image. |
Property name | Brief description | |
![]() |
Anchors | The Anchors property determines position of the component placed within container. |
![]() |
Animation | The Animation property determines component animation parameters. |
![]() |
Bottom | The Bottom property determines a bottom margin if a component is placed inside LayoutPanel. |
![]() |
Content | The Content property determines component contents. |
![]() |
ContextMenu | The ContextMenu property determines a component's context menu. |
![]() |
Data | The Data property is used to store any custom data. |
![]() |
Enabled | The Enabled property determines whether a component can be used. |
![]() |
Height | The Height property determines component height. |
![]() |
IsRTL | The IsRTL property determines whether component elements are aligned to the right. |
![]() |
IsVisible | The IsVisible property determines whether a component is displayed. |
![]() |
Left | The Left property determines a left margin if a component is placed inside GridPanel. |
![]() |
Opacity | The Opacity property determines component transparency. |
![]() |
Parent | The Parent property determines a parent component of a control. |
![]() |
ParentNode | The ParentNode property determines a parent DOM node. |
![]() |
ResourceKey | The ResourceKey property determines a component resource key. |
![]() |
Right | The Right property determines a right margin if a component is placed inside LayoutPanel. |
![]() |
Rotate | The Rotate property determines a component rotation angle. |
![]() |
ShowToolTip | The ShowToolTip property determines whether a tooltip of the component can be displayed. |
![]() |
Style | The Style property determines a component style. |
![]() |
TabIndex | The TabIndex property determines the order of the control element passing inside the container. |
![]() |
Tag | The Tag property determines a JSON object associated with the component. |
![]() |
ToolTip | The ToolTip property determines text of component tooltip. |
![]() |
Top | The Top property determines a top margin if a component is placed inside GridPanel. |
![]() |
Value | The Value property determines a component value. |
![]() |
Width | The Width property determines component width. |
Method name | Brief description | |
![]() |
The addClass method adds a CSS class to the component. | |
![]() |
addEventHandler | The addEventHandler method adds an event handler to a DOM node. |
![]() |
The addStateClass method adds a CSS class to the component and removes the previous CSS class. | |
![]() |
The addToNode method adds a component to the specified node. | |
![]() |
bindEvents | The bindEvents method subscribes an element to all available events. |
![]() |
The getAnchorFlags method returns JSON object that contains settings of the current component's position. | |
![]() |
The getClass method returns the current CSS classes of the component. | |
![]() |
The getCssStyle method returns style for the specified node. | |
![]() |
The getDomNode method returns main DOM node of the component. | |
![]() |
The getFocused method determines whether the component is focused. | |
![]() |
getIsBinded | The getIsBinded method returns whether an element is subscribed to all DOM node events. |
![]() |
The hide method hides a control. | |
![]() |
The hideToolTip method clears tooltip timeout and hides the tooltip if it is shown. | |
![]() |
refreshStyle | The refreshStyle method refreshes element CSS styles. |
![]() |
The removeClass method removes CSS class from the component. | |
![]() |
removeEventHandler | The removeEventHandler method removes event handler from DOM node. |
![]() |
removeFromDOM | The removeFromDOM method removes node from the DOM structure. |
![]() |
The removeStateClasses method removes CSS classes of the component. | |
![]() |
The setDraggable method determines whether a component can be dragged on the HTML page. | |
![]() |
The setFocus method sets the component focus. | |
![]() |
The setIsHovered method sets up component displaying only on mouseover. | |
![]() |
The setSize method establishes the sizes of the component. | |
![]() |
The show method displays a control. | |
![]() |
unBindEvents | The unBindEvents method unsubscribes an element from all standard events. |
![]() |
The updatePosition method updates size and position when absolute positioning based on the current parameters is used. | |
![]() |
The updateSize method updates the component size on changing the size of the container that contains the component. |
Event name | Brief description | |
![]() |
Drag | The Drag event occurs on clicking and holding the mouse button. |
![]() |
DragEnd | The DragEnd event occurs when dragging the component finishes. |
![]() |
DragStart | The DragStart event occurs when dragging the component starts. |
![]() |
OnContextMenu | The OnContextMenu event occurs on calling context menu of the component. |
![]() |
SizeChanged | The SizeChanged event occurs after the component is resized. |
![]() |
SizeChanging | The SizeChanging event occurs during component resize. |
Property name | Brief description | |
![]() |
The Id property determines a repository object identifier. |
Method name | Brief description | |
![]() |
clone | The clone method creates an object copy. |
![]() |
dispose | The dispose method deletes the component. |
![]() |
getHashCode | The getHashCode method returns hash code of repository object. |
![]() |
getId | The getId method returns repository object identifier. |
![]() |
getSettings | The getSettings method returns repository object settings. |
![]() |
getTypeName | The getTypeName method returns the name of the object type without the namespace, to which it belongs. |
![]() |
isEqual | The isEqual method determines whether the specified object is equal to the current repository object. |
![]() |
isLive | The isLive method determines validity of repository object. |
![]() |
removeAllEvents | The removeAllEvents method removes all object event handlers by the specified context. |
![]() |
setId | The setId method determines a repository object identifier. |
![]() |
setSettings | The setSettings method determines repository object settings. |
![]() |
defineProps | The defineProps method creates get and set methods from name array for the specified class. |
![]() |
keys | The keys method returns array of methods and properties names for the specified object. |
See also: