[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Collapse]ASP.NET Bootstrap Controls
  Overview
 [Expand]Getting Started
 [Expand]Demos and Sample Applications
 [Expand]Project Configuration
 [Expand]Grid View
 [Expand]Card View
 [Expand]Scheduler
 [Expand]Spreadsheet
 [Expand]Rich Text Editor
 [Expand]Charts
  Sparkline
 [Collapse]Data Editors
   Binary Image
   Button
   Button Edit
   Calendar
   Check Box
   Check Box List
   Color Edit
   Combo Box
   Date Edit
   Dropdown Edit
   Hyperlink
   List Box
   Memo
   Progress Bar
   Radio Button
   Radio Button List
  [Expand]Range Selector
   Spin Edit
   Tag Box
   Text Box
   Time Edit
  [Expand]Upload Control
 [Expand]Site Navigation
 [Expand]Site Layout
  File Manager
 [Expand]Redistribution and Deployment
 [Expand]API Reference
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Time Edit

The BootstrapTimeEdit control allows end-users to modify its value by using specific spin buttons.

The Bootstrap Time Edit offers the following features.

  • Edit Formatting

    You can specify how an editor value is represented within the edit boxes. For display and editing purposes, the edited value can be displayed in the following formats.

    View

    Affected Properties

    EditFormat="Time"

    EditFormat= "Date"

    EditFormat="DateTime"

    EditFormat="Custom"

    EditFormatString:="MMMM dd, yyyy hh:mm tt"

  • Display Formatting

    The editor display value can be formatted for display purposes when the editor is not focused. You can define the format pattern using the DisplayFormatString property.

  • Null Prompt Text

    The prompt text can be displayed if the editor's value is null and the editor is not focused. The prompt text disappears when the editor receives focus. You can define the prompt text using the ASPxTimeEdit.NullText property.

  • Mouse and Key Support

    The Bootstrap Time Edit allows you to edit date and time values by typing directly within it (if the ASPxButtonEditBase.AllowUserInput property value is set to true), or by clicking spin buttons to increment or decrement different portions of date and time values, or by using the mouse wheel or keyboard. To enable the changing of a value with the mouse wheel, set the ASPxButtonEditBase.AllowMouseWheel property value to true.

  • Customizable Button Collection

    The Bootstrap Time Edit control provides a collection to maintain its custom edit buttons. Each button exposes a set of properties allowing the button's appearance and behavior to be defined. You can use the Buttons property to populate the button collection.

  • Built-in Validation

    The Bootstrap Time Edit control allows you to perform data validation both on the client and server side. See the Validation topic to learn more.

  • Full-Featured Client-Side API

    The Bootstrap Time Edit provides you with a comprehensive client-side API. This API is implemented using JavaScript and is exposed by the BootstrapClientTimeEdit object. The BootstrapClientTimeEdit object serves as a client-side equivalent of the BootstrapTimeEdit control.

Expanded See Also

Is this topic helpful?​​​​​​​