TimeEdit

Dec 17, 2020
3 minutes to read

TimeEdit is an editor capable of displaying and editing time values. It consists of an edit region and a pair of spin buttons, which can be used to adjust the date-time value.

Implementation Details

TimeEdit is realized by the TimeEditExtension class. Its instance can be accessed via the ExtensionsFactory.TimeEdit helper method, which is used to add a TimeEdit extension to a view. This method’s parameter provides access to the TimeEdit ‘s settings implemented by the TimeEditSettings class, allowing you to fully customize the extension.

The TimeEdit ‘s client counterpart is represented by the ASPxClientTimeEdit object.

Declaration

TimeEdit can be added to a view in the following manner.

View code (ASPX):

csharp

<% 
    Html.DevExpress().TimeEdit(
        settings => {
            settings.Name = "timeEdit1";
            settings.Properties.DisplayFormatString = "h:mm tt";
            settings.Properties.EditFormat = EditFormat.DateTime;
            settings.DateTime = DateTime.Parse("2009/11/01 15:31:34");
        }
    )
    .Render();
%>

View code (Razor):

csharp

@Html.DevExpress().TimeEdit(
    settings => {
        settings.Name = "timeEdit1";
        settings.Properties.DisplayFormatString = "h:mm tt";
        settings.Properties.EditFormat = EditFormat.DateTime;
        settings.DateTime = DateTime.Parse("2009/11/01 15:31:34");
    }).GetHtml()

Note

The Partial View should contain only the extension’s code.

The code result is demonstrated in the image below.

Main Features

Edit Formatting
Display Formatting
Mouse and Key Support
Customizable Button Collection
Built-in Validation
Full-Featured Client-Side API