Skip to main content
Tab

ASPxCalendar Class

Represents the calendar control.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

public class ASPxCalendar :
    ASPxEdit,
    ICalendarSharedPropertiesOwner

The following members return ASPxCalendar objects:

Remarks

The ASPxCalendar class represents a calendar control that allows end-users to select dates, and navigate through months and years.

ASPxCalendar_control.png

Create a Calendar Control

Design Time

The ASPxCalendar control is available on the DX.24.1: Common Controls toolbox tab in the Microsoft Visual Studio IDE.

Drag the control onto a form and customize the control’s settings, or paste the control’s markup in the page’s source code.

<dx:ASPxCalendar ID="calendar" runat="server" EnableMultiSelect="true">
    <FastNavProperties DisplayMode="Popup" />
</dx:ASPxCalendar>

Run Time

using DevExpress.Web;
...
protected void Page_Load(object sender, EventArgs e)
{
    ASPxCalendar calendar = new ASPxCalendar();
    calendar.ID = "calendar";
    Page.Form.Controls.Add(calendar);

    calendar.EnableMultiSelect = true;
    calendar.FastNavProperties.DisplayMode = FastNavigationDisplayMode.Popup;
}

Note

DevExpress controls require that you register special modules, handlers, and options in the Web.config file. You can change this file or switch to the Design tab in the Microsoft Visual Studio IDE to automatically update the Web.config file. Note that this information is automatically registered if you use the DevExpress Template Gallery to create a project.

By default, the calendar control displays the days of the month, day headings for the days of the week, week numbers, a header (with the month name and year and links for moving to the next or previous month and year) and a footer (with buttons for setting the selected date to today or a null value). The appearance of the calendar control can be customized by setting the properties that control the style for different parts of the control. The following table lists the properties that specify the style for the different parts of the control.

Property Description
ASPxCalendar.ButtonStyle Defines the style for the calendar’s button elements.
ASPxCalendar.DayHeaderStyle Defines the style for the calendar’s section that displays the day of the week.
ASPxCalendar.DayOtherMonthStyle Defines the style for the days that don’t belong to the displayed month.
ASPxCalendar.DaySelectedStyle Defines the style for the calendar’s selected day.
ASPxCalendar.DayStyle Defines the style for the days displayed in the calendar.
ASPxCalendar.DayWeekendStyle Defines the style for the weekend dates in the calendar.
ASPxCalendar.FooterStyle Defines the style for the calendar’s footer section.
ASPxCalendar.HeaderStyle Defines the style for the calendar’s title heading.
ASPxCalendar.WeekNumberStyle Defines the style for the week number markers in the calendar.

Links, which reside within the calendar’s header and provide the month and year navigation capabilities, can be represented by custom images using the properties listed below.

Property Description
ASPxCalendar.NextPeriodImage Defines the image for the link navigating to the next month.
ASPxCalendar.NextLargePeriodImage Defines the image for the link navigating to the next year.
ASPxCalendar.PrevPeriodImage Defines the image for the link navigating to the previous month.
ASPxCalendar.PrevLargePeriodImage Defines the image for the link navigating to the previous year.

Different parts of the calendar control can be shown or hidden. The following table lists the properties that control the visibility of the calendar’s elements.

Property

Description

ASPxCalendar.ShowClearButton

Specifies whether the Clear button is displayed within the calendar’s footer.

ASPxCalendar.ShowDayHeaders

Specifies whether the heading for the days of the week is displayed.

ASPxCalendar.ShowHeader

Specifies whether the calendar’s title heading is displayed.

ASPxCalendar.ShowTodayButton

Specifies whether the Today button is displayed within the calendar’s footer.

ASPxCalendar.ShowWeekNumbers

Specifies whether the week number section is displayed within the calendar.

(The calendar’s week numbers are represented as ISO week numbers.)

You can disable end-user navigation through months or years by hiding the corresponding navigation buttons using the ASPxCalendar.EnablePeriodNavigation or ASPxCalendar.EnableLargePeriodNavigation property.

The currently selected date within the calendar is specified by the ASPxCalendar.SelectedDate property. Changing this property raises the ASPxCalendar.SelectionChanged event. The ASPxCalendar.VisibleDate property specifies the calendar’s currently displayed month. The property being changed due to navigation through months and years causes the ASPxCalendar.VisibleMonthChanged to be fired.

Selection of multiple dates can be available for end-users via the ASPxCalendar.EnableMultiSelect property. Selected dates are contained within the ASPxCalendar.SelectedDates collection.

The ASPxCalendar editor is able to display multiple months simultaneously, organized in several rows and columns. This feature is controlled by a combination of the ASPxCalendar.Rows and ASPxCalendar.Columns property values.

Note

The client-side equivalent of this editor control is represented by the ASPxClientCalendar object. The editor’s client-side API is enabled if the ASPxEditBase.EnableClientSideAPI property is set to true, or any client event is handled. Available client events can be accessed via the ASPxCalendar.ClientSideEvents property.

See Also