Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Collapse]Data Editors
   [Expand]Product Information
   [Expand]Common Concepts
   [Collapse]Editor Types
    [Expand]ASPxBinaryImage
    [Expand]ASPxButton
     ASPxButtonEdit
    [Expand]ASPxCalendar
     ASPxCheckBox
     ASPxCheckBoxList
    [Expand]ASPxColorEdit
    [Expand]ASPxComboBox
    [Expand]ASPxDateEdit
    [Expand]ASPxDropDownEdit
    [Expand]ASPxFilterControl
    [Expand]ASPxHyperLink
     ASPxImage
     ASPxLabel
    [Expand]ASPxListBox
    [Expand]ASPxMemo
    [Expand]ASPxProgressBar
     ASPxRadioButton
    [Expand]ASPxRadioButtonList
    [Expand]ASPxSpinEdit
     ASPxTextBox
     ASPxTimeEdit
    [Expand]ASPxTokenBox
    [Expand]ASPxTrackBar
     ASPxValidationSummary
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[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]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

ASPxTimeEdit

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

View the Demo

Refer to the Time Editor online demo to see this control in action.

ASPxTimeEdit offers the following features:

  • Edit Formatting

    You can specify how an editor value is represented within the edit boxes. For display and edit purposes, the edited value can be displayed in the following formats depending on the ASPxTimeEdit.EditFormat property's value (ASPxTimeEdit.EditFormatString for a custom format).

    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 via 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 via the ASPxTimeEdit.NullText property.

  • Mouse and Key Support

    The ASPxTimeEdit allows editing 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 changing a value via the mouse wheel, set the ASPxButtonEditBase.AllowMouseWheel property value to true.

  • Customizable Button Collection

    The ASPxTimeEdit 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 ASPxTimeEdit 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

    ASPxTimeEdit provides you with a comprehensive client-side API. This API is implemented using JavaScript and is exposed via the ASPxClientTimeEdit object. The ASPxClientTimeEdit object serves as a client-side equivalent of the ASPxTimeEdit control.

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