Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes

Date Editor


This demo illustrates the DevExpress ASP.NET Date Edit (ASPxDateEdit) control that simplifies inputting date values.

ASPxDateEdit allows end-users to edit date and time values using a drop-down calendar with a time section, or directly within the edit box. The time section is optional and can be displayed using the TimeSectionProperties.Visible property.

The main ASPxDateEdit options are listed below.

  • The EditFormat property is used to specify how editor values are represented within edit boxes. For display and edit purposes, the edited value can be formatted as a date (EditFormat.Date), time (EditFormat.Time), a date and time (EditFormat.DateTime), or a custom format (EditFormat.Custom). If the editor format is specified as custom, the EditFormatString property is used to specify the edit value's format pattern.

  • The DisplayFormatString property allows you to specify the display view format within the edit box (when the editor is not focused).

  • The UseMaskBehavior property is used to enable/disable a masked input.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxEditorsDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxEditorsDemos