Change Theme Settings
Change Theme Settings
Themes
 
Metropolis
Moderno
iOS
Material
Material Compact
Office 365
Mulberry
Show All Themes
v
...v

Date Edit

v
DisplayFormatString = "D"
v
NullText = "MM/dd/yyyy"
EditFormat = EditFormat.Custom
EditFormatString = "MMMM dd, yyyy"
v
UseMaskBehavior = true
EditFormat = EditFormat.Custom
EditFormatString = "MMMM dd, yyyy"
DisplayFormatString = "MMMM dd, yyyy"
v
UseMaskBehavior = true
EditFormat = EditFormat.Custom
EditFormatString = "dd/MM/yyyy hh:mm tt"
TimeSectionProperties.Visible = true;
TimeSectionProperties.Adaptive = true;
TimeEditProperties.EditFormat = EditFormat.Custom;
TimeEditProperties.EditFormatString = "hh:mm tt";


The DevExpress MVC Date Edit extension combines the functionality of a single-line text editor, button editor, dropdown calendar, and time editor.

Specifying a date and time (by selecting it on the calendar or by manually typing it into the text box) changes the editor's edit value. The Date property specifies the currently selected date.

The Properties.DisplayFormatString property is used to specify the format pattern used to display the editor's value within the edit box when the editor is not focused.

The Properties.NullText property allows you to display a prompt in the edit box. The prompt is displayed if the editor's value is null and the editor is not focused, and it disappears when the editor receives focus.

Set the Properties.UseMaskBehavior property to true to support the masked input in the MVC Date Edit extension. Masks can be defined via the Properties.EditFormatString property if the Properties.EditFormat property is set to Custom.

By default, the editor's dropdown displays a calendar that allows end-users to select dates and navigate through individual months and years. Additionally, the drop-down can display the time section if the Properties.TimeSectionProperties.Visible property is set to true. The time section displays the fully customizable clock and time editor. The time edit value can be formatted using a pattern specified via the Properties.TimeSectionProperties.TimeEditProperties.EditFormatString property.

When the Adaptive property is enabled, the date edit's time section rearranges its position within the control's drop down when the browser window is resized.