asp.net - How to use Calendar SelectionChanged event

How to use Calendar SelectionChanged event in asp.net
Calendar is an asp.net rich web server control. calendar control displays the dates for one month at a time. total six weeks appearing at the same time. users can select an individual date from calendar control. even users can select multiple dates (date range) from a calendar server control.

calendar SelectionChanged event occurs when the users select an individual date or range of dates. by using this event we can determine what date or dates the user has selected. we can write an event handler for calendar SelectionChanged event to display user selected date or dates in web page after postback.

to get the calendar selected dates we loop through the calendar SelectedDates collection using for loop and display the selected date list on web page.

the following asp.net c# example code demonstrate us how can we use the calendar SelectionChanged event in an asp.net application.
CalendarSelectionChangedEvent.aspx

<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html>

<script runat="server">
    protected void Calendar1_SelectionChanged(object sender, System.EventArgs e)
    {
        Label1.Text = "";
        for(int i=0; i<Calendar1.SelectedDates.Count; i++)
        {
            Label1.Text += Calendar1.SelectedDates[i].ToLongDateString()+"<br />";
        }
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>How to use Calendar SelectionChanged event in asp.net</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DodgerBlue; font-style:italic;">
            How to use Calendar SelectionChanged event in asp.net
        </h2>
        <hr width="600" align="left" color="LightBlue" />
        <asp:Label
            ID="Label1" 
            runat="server"
            Font-Size="Large"
            ForeColor="MidnightBlue"
            Font-Italic="true"
            >
        </asp:Label>
        <br />
        <asp:Calendar
            ID="Calendar1" 
            runat="server"
            NextPrevFormat="FullMonth"
            SelectionMode="DayWeekMonth"
            SelectMonthText="Month"
            SelectWeekText="Week"
            ForeColor="WhiteSmoke"
            DayNameFormat="Full"
            Font-Names="Book Antiqua"
            Font-Size="Medium"
            OnSelectionChanged="Calendar1_SelectionChanged"
            >
            <DayHeaderStyle
                 BackColor="DarkOliveGreen"
                 />
            <DayStyle
                 BackColor="DarkKhaki"
                 BorderColor="Khaki"
                 BorderWidth="1"
                 Font-Bold="true"
                 Font-Italic="true"
                 />
            <NextPrevStyle
                 Font-Italic="true"
                 Font-Names="Arial CE"
                 />
            <OtherMonthDayStyle
                 BackColor="SeaGreen"
                 BorderColor="DarkSeaGreen"
                 />
            <SelectedDayStyle
                 BackColor="Green"
                 BorderColor="SpringGreen"
                 />
            <SelectorStyle
                 BackColor="DarkOliveGreen"
                 ForeColor="Snow"
                 Font-Names="Times New Roman Greek"
                 Font-Size="Small"
                 BorderColor="Olive"
                 BorderWidth="1"
                 />
            <TitleStyle
                 BackColor="DarkGreen"
                 Height="35"
                 Font-Size="Large"
                 Font-Names="Courier New Baltic"
                 />
        </asp:Calendar>
    </div>
    </form>
</body>
</html>
More asp.net examples