Using Calendar Control in ASP.NET
Calendar is one of the Rich Web Controls available in ASP.NET.
Calendar is used to display a one-month calendar. Users can use this control to
view dates or select a specific day, week, or month. The following table lists
some properties of the Calendar control:
|
PROPERTY |
DESCRIPTION |
|
DayNameFormat |
This property is used to specify the name format of the
days of a week. |
|
|
|
|
VisibleDate |
This property is used to specify the month to be
displayed in a Calendar control. The property is updated after the
VisibleMonthChanged event is raised. |
|
|
|
|
FirstDayOfWeek |
To specify the day of the week to be displayed in the
first column of the Calendar control |
|
SelectedDate |
It is used to represent the date selected in a Calendar
control. |
SelectionMode |
It is used to specify whether a user can select a day, a week, or a month.
The default value is a day. |
|
LCID |
Returns the culture identifier for the instance of the CultureInfo class.
Every culture has an identifier. For e.g., 0x0407 is the identifier for
"de-DE" culture |
The following table lists some of the events of the Calendar control:
|
EVENT |
DESCRIPTION |
|
DayRender |
This event is raised before each day call is rendered on the Calendar
control. |
|
SelectionChanged |
This event is raised when the user select a new date, week or month. |
|
VisibleMonthChanged |
This event is raised when user clicks on the month's navigation control. |
The following table lists some methods of the Calendar control:
|
METHODS |
DESCRIPTION |
|
OnDayRender |
Used to raise the DayRender event. |
|
OnSelectionChanged |
Used to raise the SelectionChanged event. |
Using Calendar Control - Practical Example
I have used the calendar control, in this project to calculate the number of
days of service of an employee. To do this perform the following steps:
- Open a new ASP.NET web application.
- Add a label and set its text to "Your hire date", a textbox, a link
button, a calendar control and another label to display the output message.
- You can set the format of your calendar, by right clicking the calendar
control in design view and clicking on "autoformat". Make the
settings according to your preferences.
- The user interface looks like as follows. As you click the Calendar link
button, a calendar window appears.
5. And then the user has to select his hire date,
which is assigned as the text property of the text box. And when you click on
the continue button, this is compared to the
current date to calculate the service period of an employee, as shown in the
figure.
The main functionality of calculating the service duration is performed by
the following line of code:
private
void Button1_Click(object
sender, System.EventArgs e)
{
TimeSpan service=DateTime.Now.Subtract
(c.SelectedDate );
lbl.Text="You
have worked "+service.Days+" days in our
company";
}
There's much more to the list of properties and functionalities that you can
use in conjunction with the Calendar control to enhance your application. You
can download Sample Caledar Control project, used in this tutorial. |
