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>
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 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();
}
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>
Leave Comment