Home > DeveloperSection > Articles > Calendar Control in ASP.Net

Calendar Control in ASP.Net

Posted by  Pushpendra Singh
on    October-20-2010 15:55 PM

ASP.Net ASP.Net 
0 Comment(s)
 4719  View(s)
Rate this:

Calendar Control in ASP.Net

Ideally Calendar control is used to display calendar for a month and allows navigating backward & forward through days, and months. This control is highly customizable in terms of functionality and appearance.

<asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>

Calendar Control in ASP.Net

The Calendar control is used to display a one-month calendar that allows the user to select dates and move to the next and previous months.

Date Selection Modes

By setting the Selection Mode property, you can specify whether the user can select a single day, a week, or a month, or you can disable date selection entirely.

Calendar supports four date selection modes, as described in the following table.




User can select any single day.

Day Week

User can select a single day, or an entire week.

Day Week Month

User can select a single day, an entire week, or the entire visible month.


Date selection is disabled.

Calendar Control in ASP.Net



Calendar event

It has selection changed event. We can show selected date in Label

<asp:Calendar ID="Calendar1" runat="server"


    <asp:Label ID="Label1" runat="server"></asp:Label>


protected void Calendar1_SelectionChanged(object sender, EventArgs e)


        Label1.Text = Calendar1.SelectedDate.ToString();


Calendar Control in ASP.Net

When you select the date then SelectionChanged event will fire and it will show the selected date and time in the Label.

Change Calendar Appearance

<asp:Calendar ID="Calendar1" runat="server" Font-Bold="True" Font-Italic="True" Font-Names="Arial Black" ForeColor="#FF6600" ></asp:Calendar>


Calendar Control in ASP.Net

Calendar Control in ASP.Net

Recent Activities

Tarun Kumar added new Question Define Event Loop   yesterday

Tarun Kumar added new Article iOS : Sample on UIWebView controller   8 days ago

Don't want to miss updates? Please click the below button!