Skip to main content

BootstrapTimeEdit Class

Represents an editor capable of displaying and editing time values.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v23.1.dll

NuGet Package: DevExpress.Web.Bootstrap


[ToolboxTabName("DX.23.1: Bootstrap Controls")]
public class BootstrapTimeEdit :


The BootstrapTimeEdit class represents an editor consisting of an edit region and a pair of spin buttons, which can be used to adjust the date-time value. This value is specified via the ASPxTimeEdit.DateTime property. Changing the editor’s edit value raises the ASPxTimeEdit.DateChanged event.

The appearance and position of spin buttons can be controlled using the settings available via the BootstrapSpinEdit.SpinButtons property.

Users can directly type new values in the BootstrapTimeEdit, or click spin buttons to increment or decrement different portions of date and time values (months, days, hours, minutes or seconds).

The BootstrapTimeEdit editor’s date and time editing functionality is realized by supporting masked input, by design. The edit mask depends upon the value of the ASPxTimeEdit.EditFormat property and can also be defined explicitly using the ASPxTimeEdit.EditFormatString property. The ASPxTextEdit.DisplayFormatString property allows you to specify the pattern used to format the editor’s value for display purposes when the editor is not focused.


The client-side equivalent of this editor control is represented by the BootstrapClientTimeEdit object. The editor’s client-side API is enabled if the ASPxEditBase.EnableClientSideAPI property is set to true, or the ASPxEditBase.ClientInstanceName property is defined, or any client event is handled. Available client events can be accessed via the ASPxTimeEdit.ClientSideEvents property.

See Also