[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Collapse]ASP.NET Core Bootstrap Controls
  Getting Started
  Grid View
 [Expand]Site Navigation
 [Expand]Site Layout
 [Collapse]Data Editors
   Button Edit
   Check Box
   Check Box List
   Combo Box
   Date Edit
   List Box
   Progress Bar
   Radio Button
   Radio Button List
   Spin Edit
   Text Box
 [Expand]Redistribution and Deployment
 [Expand]API Reference
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Date Edit

The Bootstrap Date Edit control is a date editor control that combines the functionality of a single-line text editor, button editor and dropdown calendar.

Bootstrap Date Edit offers the following features.

  • 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 DevExpress.AspNetCore.Bootstrap.BootstrapDateEditBuilder.NullText method.

  • 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= "Date"


    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 DevExpress.AspNetCore.Bootstrap.BootstrapDateEditBuilder.DisplayFormatString method.

  • Masked Input

    If the DevExpress.AspNetCore.Bootstrap.BootstrapDateEditBuilder.UseMaskBehavior method has been called with the true parametr, the Date Edit supports masked input. In this mode, the pattern defined using the DevExpress.AspNetCore.Bootstrap.BootstrapDateEditBuilder.EditFormatString method serves as a mask.

  • Customizable Minimum and Maximum Dates

    You can define the minimum and maximum allowed dates by the DevExpress.AspNetCore.Bootstrap.BootstrapDateEditBuilder.MinDate and DevExpress.AspNetCore.Bootstrap.BootstrapDateEditBuilder.MaxDate methods; this enables end-user input to be limited by the specified range.

  • Out of Range Warning

    If the DevExpress.AspNetCore.Bootstrap.BootstrapDateEditBuilder.ShowOutOfRangeWarning method has been called with the true parameter, the Date Edit displays a warning message when an end-user types a date that is out of the range specified by the DevExpress.AspNetCore.Bootstrap.BootstrapDateEditBuilder.MinDate and DevExpress.AspNetCore.Bootstrap.BootstrapDateEditBuilder.MaxDate methods.

  • Easy Date Selection

    The DateEdit control 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 Date Edit controls can be combined to implement a date range picker functionality.

  • Customizable Button Collection

    The Date Edit 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 Date Edit control allows you to perform data validation both on the client and server side. See the Unobtrusive Validation demo for more information.

  • Full-Featured Client-Side API

    The Date Edit control provides you with a comprehensive client-side API. This API is implemented using JavaScript and is exposed using the BootstrapClientDateEdit object. The BootstrapClientDateEdit object serves as a client-side equivalent of the Bootstrap Date Edit 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

Is this topic helpful?​​​​​​​