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

  Modified On Mar-22-2018 07:27:49 AM

Leave Comment