[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)


The Bootstrap Calendar control allows end-users to select dates and navigate through months and years.

Bootstrap Calendar offers the following features:

  • Multiple Date Selection

    Bootstrap Calendar allows end-users to work in single or multiple date selection mode. This can be defined with the DevExpress.AspNetCore.Bootstrap.BootstrapCalendarBuilder.EnableMultiSelect method.

  • Date Highlighting

    Weekends and today can be highlighted in standard or custom ways.

  • Multi-Month View

    The Bootstrap Calendar editor is able to display multiple months at the same time, organizing them in several rows and columns. You can define the number of columns using the DevExpress.AspNetCore.Bootstrap.BootstrapCalendarBuilder.Columns method and the number of rows using the DevExpress.AspNetCore.Bootstrap.BootstrapCalendarBuilder.Rows method.

  • Custom Day Rendering

    The Bootstrap Calendar editor allows you to conditionally change the manner in which you render calendar days.

  • Built-in Validation

    The ASPxCalendar control allows you to perform data validation both on the client and server side.

  • Full-Featured Client-Side API

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

    You can modify the editor behavior using the following methods.

    Method Description
    ASPxClientCalendar.ClearSelection Deselects all the selected dates within the calendar.
    ASPxClientCalendar.DeselectDate Deselects the specified date within the calendar.
    ASPxClientCalendar.DeselectRange Deselects the specified range of dates within the calendar.
    ASPxClientCalendar.GetMaxDate Gets the maximum date on the calendar.
    ASPxClientCalendar.GetMinDate Gets the minimum date on the calendar.
    ASPxClientCalendar.GetSelectedDate Returns the calendar's selected date.
    ASPxClientCalendar.GetSelectedDates Returns a list of dates which are selected within the calendar.
    ASPxClientCalendar.GetVisibleDate Gets the date that determines the month and year that are currently displayed in the calendar.
    ASPxClientCalendar.IsDateSelected Tests whether the specified date is selected.
    ASPxClientCalendar.SelectDate Selects the specified date within the calendar.
    ASPxClientCalendar.SelectRange Selects the specified range of dates within the calendar.
    ASPxClientCalendar.SetMaxDate Sets the maximum date of the calendar.
    ASPxClientCalendar.SetMinDate Sets the minimum date of the calendar.
    ASPxClientCalendar.SetSelectedDate Sets the calendar's selected date.
    ASPxClientCalendar.SetVisibleDate Sets the date that specifies the month and year to be displayed in the calendar.

Expanded See Also

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