Assembly: System.Web (in system.web.dll)
/** @attribute ControlValuePropertyAttribute("SelectedDate", System.DateTime, "1/1/0001") */ public class Calendar extends WebControl implements IPostBackEventHandler
ControlValuePropertyAttribute("SelectedDate", System.DateTime, "1/1/0001") public class Calendar extends WebControl implements IPostBackEventHandler
Use the Calendar control to display a single month of a calendar on a Web page. The control allows you to select dates and move to the next or previous month. The Calendar control supports all the System.Globalization.Calendar types in the System.Globalization namespace. Apart from the Gregorian calendar, this also includes calendars that use different year and month systems, such as the Hjiri calendar.
You can specify whether the Calendar control allows you to select a single day, week, or entire month by setting the SelectionMode property.
By default, the control displays the days of the month, day headings for the days of the week, a title with the month name and year, links for selecting individual days of the month, and links for moving to the next and previous month. You can customize the appearance of the Calendar control 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.
Specifies the style for the section that displays the days of the week.
Specifies the style for the dates in the displayed month.
Specifies the style for the navigation controls in the title section.
Specifies the style for the dates that are not in the currently displayed month.
Specifies the style for the selected dates on the calendar.
Specifies the style for the week and month date-selection column.
Specifies the style for the title section.
Specifies the style for today's date.
Specifies the style for the weekend dates.
You can also show or hide different parts of the control. The following table lists the properties that control which parts are shown or hidden.
Shows or hides the section that displays the days of the week.
Shows or hides the gridlines between the days of the month.
Shows or hides the navigation controls to the next or previous month.
Shows or hides the title section.
Although binding to a data source is not supported for the Calendar control, you can modify the content and formatting of the individual date cells. Before the Calendar control is displayed on the Web page, it creates and assembles the components that make up the control. The DayRender event is raised when each date cell in the Calendar control is created. You can control the contents and formatting of a date cell as it is created by providing code in the event handler for the DayRender event. For more information on customizing the contents of a date cell, see OnDayRender.
The markup rendered by default for this control might not conform to accessibility standards such as the Web Content Accessibility Guidelines 1.0 (WCAG) priority 1 guidelines. For details about accessibility support for this control, see ASP.NET Controls and Accessibility.
The following code example demonstrates how to create a Calendar control on a Web page.
<%@ Page Language="JScript" AutoEventWireup="True" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>ASP.NET Example</title> </head> <body> <form id="form1" runat="server"> <asp:Calendar id="calendar1" runat="server"> <OtherMonthDayStyle ForeColor="LightGray"> </OtherMonthDayStyle> <TitleStyle BackColor="Blue" ForeColor="White"> </TitleStyle> <DayStyle BackColor="gray"> </DayStyle> <SelectedDayStyle BackColor="LightGray" Font-Bold="True"> </SelectedDayStyle> </asp:Calendar> </form> </body> </html>
The following example shows a Calendar control used when editing one of the columns displayed by a GridView control. The Calendar control is bound to the data source with the Bind method. The Eval method is used to bind the date value that is displayed by the Calendar control.
Other ResourcesClient Script in ASP.NET Web Pages
Calendar Web Server Control Overview
Calendar Web Server Control