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 weeksappearing 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 determinewhat date or dates the user has selected. we can write an event handler for calendar SelectionChanged event to display user selecteddate 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 liston 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 determinewhat date or dates the user has selected. we can write an event handler for calendar SelectionChanged event to display user selecteddate 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 liston 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>
