Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[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
[Collapse]eXpressApp Framework
 [Expand]Fundamentals
 [Expand]Getting Started
 [Collapse]Concepts
  [Expand]Application Solution Components
  [Collapse]Business Model Design
    Business Model Design Basics
    Built-in Business Classes for Most Popular Scenarios
   [Expand]Business Model Design with Entity Framework
   [Expand]Business Model Design with XPO
    Non-Persistent Objects
    PropertyChanged Event in Business Classes
   [Collapse]Data Types Supported by built-in Editors
     Key Properties
    [Expand]String Properties
    [Expand]Numeric Properties
    [Collapse]Date and Time Properties
      Date and Time Properties in XPO
      Date and Time Properties in Entity Framework
      Date and Time Properties in Domain Components
    [Expand]Boolean Properties
    [Expand]BLOB Image Properties
    [Expand]Collection Properties
    [Expand]Reference (Foreign Key, Complex Type) Properties
    [Expand]File Attachment Properties
    [Expand]Type Properties
    [Expand]Enumeration Properties
    [Expand]Criteria Properties
    [Expand]Color Properties
     Geolocation Properties
     Miscellaneous Property Types
    Mapping Complex Types to the Database
   [Expand]Types Info Subsystem
    Connect an XAF Application to a Database Provider
    Data Annotations in Data Model
    Create and Update the Application's Database
  [Expand]Application Model
  [Expand]UI Construction
  [Expand]Extend Functionality
  [Expand]Data Manipulation and Business Logic
  [Expand]Security System
  [Expand]Localization
  [Expand]System Module
  [Expand]Extra Modules
  [Expand]Debugging and Error Handling
  [Expand]Filtering
  [Expand]Application Life Cycle
 [Expand]Design-Time Features
 [Expand]Functional Testing
 [Expand]Deployment
 [Expand]Task-Based Help
  Frequently Asked Questions
 [Expand]API Reference
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Date and Time Properties

XAF supports property editors for DateTime and Nullable DateTime types on all platforms, and the TimeSpan type in WinForms and ASP.NET applications.

WinForms

ASP.NET

Mobile

Note

Refer to the Property Editors | DateTime Properties section in the Feature Center demo installed with XAF to see Date and Time Property Editors in action. The Feature Center demo is installed in %PUBLIC%\Documents\DevExpress Demos 17.2\Components\eXpressApp Framework\FeatureCenter by default. The ASP.NET version of this demo is available online at http://demos.devexpress.com/XAF/FeatureCenter/.

Expanded Examples

Expanded WinForms Property Editors for Date and Time Properties

Each WinForms Property Editor has a control that displays a corresponding property in a Detail View, and a repository item that displays a property in a List Editor that supports in-place editing. Both the control and repository item are shown below.

  • DatePropertyEditor

    Control: DateTimeEdit - a descendant of the XtraEditors Library's DateEdit editor.

    Repository Item: RepositoryItemDateTimeEdit - a descendant of the XtraEditors Library's RepositoryItemDateEdit item.

    Description:

    Used for DateTime type properties by default.

    Stores and displays values using the DateTime mask type. To set a mask, use the Property Editor's EditMask property in code, or the Views | <DetailView> | Items | <PropertyEditor> node's IModelCommonMemberViewItem.EditMask property in the Model Editor.

    Click the editor's arrow or double-click the editor to invoke a drop-down calendar. In the invoked calendar, click the current date at the top, select a date or click Clear to empty the editor's value.

    You can type a date without using the drop-down calendar by pressing the Space bar. To clear the editor's value without using the drop-down calendar, press CTRL+0 or CTRL+DELETE. Use Alt + Down Arrow to expand the DateTimeEdit drop-down window.

  • TimeSpanPropertyEditor

    Control: TimeSpanEdit - a descendant of the XtraEditors Library's TextEdit editor.

    Repository Item: RepositoryItemTimeSpanEdit - a descendant of the XtraEditors Library's RepositoryItemTextEdit item.

    Description:

    Used for TimeSpan type properties by default.

    This Property Editor has the EditMaskType property, which is set to RegEx by default. This means that you can specify the EditMask (in code or the Model Editor) using extended regular expressions. You can also set the EditMaskType property to the required mask type and specify the mask by accessing the required TimeSpanPropertyEditor instance using a View Controller (see Access Editor Settings).

Expanded ASP.NET Property Editors for Date and Time Properties

Each ASP.NET Property Editor has controls that display a property in a Detail View's View and Edit mode (see DetailView.ViewEditMode). These controls are listed below.

  • ASPxDateTimePropertyEditor

    View mode control: System.Web.UI.WebControls.Label.

    Edit mode control: ASPxEditors Library's ASPxDateEdit editor.

    Description:

    Used for DateTime type properties by default.

    Stores and displays values using the specified mask. To set a mask, use the Property Editor's EditMask property in code, or the Views | <DetailView> | Items | <PropertyEditor> node's IModelCommonMemberViewItem.EditMask property in the Model Editor.

    Click the editor's arrow or double-click the editor to invoke a drop-down calendar. In the invoked calendar, click the current date at the top, select a date, or click Clear to empty the editor's value.

    Click the editor's arrow to invoke a drop-down calendar. In the invoked calendar, click Today at the bottom, select a date, or click Clear to empty the editor's value. You can type a date without using the drop-down calendar. Press Alt + Down Arrow to expand the DateTimeEdit's drop-down window.

  • ASPxTimeSpanPropertyEditor

    View mode control: System.Web.UI.WebControls.Label.

    Edit mode control: ASPxEditors Library's ASPxTextBox editor.

    Description:

    Used for TimeSpan type properties by default.

    Inherited from the ASPxStringPropertyEditor class.

Expanded Mobile Property Editors for Date and Time Properties

Each Mobile Property Editor has widgets that display a property in a Detail View's View and Edit mode (see DetailView.ViewEditMode). These widgets are listed below.

MobileDateTimePropertyEditor

View mode control: Label that displays text using the div HTML element.

Edit mode control: DateBox that uses the dxDateBox widget.

Description:

Used for DateTime type properties by default.

Click the editor to invoke a pop-up calendar. In the invoked calendar, swipe up or down to set the month, day and year values and click the Done button.

You can not type a date without using the pop-up calendar.

Expanded See Also

How would you rate this topic?​​​​​​​