This demo illustrates how to use the DevExpress ASP.NET MVC Date Edit (DateEditExtension) in scroll picker mode (the PickerDisplayMode is set to 'ScrollPicker' or 'Auto'). In this mode, the Date Edit displays date components (day, month, year, time) on an independently rotating wheel.
In this demo, the DateEdit also operates in modal mode (SettingsAdaptivity.Mode=OnWindowInnerWidth). The date editor's drop-down window is displayed as a regular drop-down or modal popup (depending on the browser's width).
You can use the options on the right to change the property values and see how they affect the DateEdit in scroll picker mode.
- ASPxDateEdit.PickerType - Specifies the date component an end user can select (a day or month).
- ASPxDateEdit.PickerDisplayMode - Specifies how to display the calendar (Scroll picker, Calendar or Auto).
- DateEditTimeSectionProperties.Visible - Specifies whether the time section is visible.
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).
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxDataEditorsDemos |