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
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gauges
  [Collapse]Data Editors
   [Expand]Product Information
   [Expand]Common Concepts
   [Collapse]Editor Types
    [Expand]ASPxBinaryImage
    [Expand]ASPxButton
    [Expand]ASPxButtonEdit
    [Expand]ASPxCalendar
    [Expand]ASPxCheckBox
    [Expand]ASPxCheckBoxList
    [Expand]ASPxColorEdit
    [Expand]ASPxComboBox
    [Collapse]ASPxDateEdit
      ASPxDateEdit Overview
      Date Range
     [Expand]Visual Elements
    [Expand]ASPxDropDownEdit
    [Expand]ASPxFilterControl
    [Expand]ASPxHyperLink
    [Expand]ASPxImage
    [Expand]ASPxLabel
    [Expand]ASPxListBox
    [Expand]ASPxMemo
    [Expand]ASPxProgressBar
    [Expand]ASPxRadioButton
    [Expand]ASPxRadioButtonList
    [Expand]ASPxSpinEdit
    [Expand]ASPxTextBox
    [Expand]ASPxTimeEdit
    [Expand]ASPxTokenBox
    [Expand]ASPxTrackBar
    [Expand]ASPxValidationSummary
  [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]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

ASPxDateEdit Overview

The ASPxDateEdit control is a date editor control that combines the functionality of a single-line text editor, button editor and dropdown calendar with a time editor. The editor's dropdown window consist of two sections: the calendar section (always visible) and the time section (the visibility is controlled by the DateEditTimeSectionProperties.Visible property).

ASPxDateEdit offers the following features.

  • Shared Drop-Down Calendar

    Using the ASPxDateEdit.PopupCalendarOwnerID property, an individual date editor's popup calendar (and its settings) can be shared between several date editors, which decreases the size of the HTML code rendered into the web page by date editors.

  • 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 using the ASPxDateEdit.NullText property.

  • 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.

    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 using the DateEditProperties.DisplayFormatString property.

  • Masked Input

    If the DateEditProperties.UseMaskBehavior property is set to true, the ASPxDateEdit editor supports masked input. In this mode, the pattern defined using the ASPxDateEdit.EditFormatString property serves as a mask.

  • Customizable Minimum and Maximum Dates

    You can define the minimum and maximum allowed dates by the ASPxDateEdit.MinDate and ASPxDateEdit.MaxDate properties; this enables end-user input to be limited by the specified range.

  • Out of Range Warning

    If the ASPxDateEdit.ShowOutOfRangeWarning property is set to true, the ASPxDateEdit editor displays a warning message when an end-user types a date that is out of the range specified by the ASPxDateEdit.MinDate and ASPxDateEdit.MaxDate properties.

  • Easy Date Selection

    The ASPxDateEdit allows end-users to edit a date value by selecting it within a drop-down calendar, or by typing a date directly into the editor's text box, or by using the mouse wheel or keyboard.

  • Date Range Picker

    Two ASPxDateEdit controls can be combined to implement a date range picker functionality.

  • Customizable Button Collection

    The ASPxDateEdit 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. The settings of the default button, which invokes the dropdown calendar when clicked, can be customized as well.

  • Built-in Validation

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

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

    You can modify the editor behavior using the following methods.

    Method Description
    ASPxClientDateEdit.GetCalendar Returns the calendar of the date editor.
    ASPxClientDateEdit.GetDate Gets the date that is the editor's value.
    ASPxClientDateEdit.GetMaxDate Gets the maximum date of the editor.
    ASPxClientDateEdit.GetMinDate Gets the minimum date of the editor.
    ASPxClientDateEdit.SetMaxDate Sets the maximum date of the editor.
    ASPxClientDateEdit.SetMinDate Sets the minimum date of the editor.

Expanded See Also

Online Demo: Date Editor
How would you rate this topic?​​​​​​​