articles

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

Calendar Control in ASP.Net

Pushpendra Singh 9615 20-Oct-2010

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.

Mode

Description

Day

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.

None

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" 
        onselectionchanged="Calendar1_SelectionChanged"></asp:Calendar>
    <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


Updated 14-Sep-2019

Leave Comment

Comments

Liked By