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.
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>



- How to remove deselect specific date from Calendar selected dates
- How to force to select dates from specific date range in Calendar control
- How to add Label control to Calendar Day Cell
- How to use Calendar DayRender event in asp.net
- How to use CSS style in Calendar individual Day Cell
- How to customize Calendar individual Day Cell
- How to disable Calendar dates in asp.net