Calendar Control in ASP.NET
à
Hi!
Here i will show you step by step procedure how to create
Calendar Control in ASP.NET in visual studio 2005 / 2008
The use of Calendar Control in
ASP.NET is very useful by which we can get dates from user…
__________________________________________________
Here I am using Visual Studio 2008 but there is no condition you can use
Visual Studio 2005 also.
So follow these steps to create State Implementation
The Steps are:
1- Start -> All Programs -> Visual Studio 2005 or Visual Studio 2008
Now The Visual Studio will Open
2- Now go to File Menu -> New -> Web Site
When you will click on the New Web Site a new form will open
3- Under Visual Studio Installed Template-> Choose ASP.NET WEB SITE ->
Choose File System from the location combo box -> Set the path by the browse
button - > Choose the language from the Language ComboBox (Visual C# ,
Visual Basic , J #)
Choose Visual C#
4 - Click on the OK Button:-
Now you will see a new form
This is the Source Code window and in this page you will se this code…
First you have to learn XML and HTML to work with ASP .NET_
I have used <!– text –> to make the text as
comment this is the way to make comment in this code …
<%@ Page Language=”C#”
AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default”
%>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title>Type your webpage title here</title>
<!– Here you can specify your page title in between title tag
</head>
<body>
<form id=”form1? runat=”server”>
<div>
<!– In between div tags you can manage your web controls like buttons,
labels, picture
Box, ImageMap etc –>
</div>
</form>
</body>
</html>
See here is a tab named Design in the bottom of this page
5- Click on this tab and you will see a blank web page where you can drag
any control from the toolbox (which is in the left side of this window)
6- Drag a Calendar Control and a Label Control in the design window or in
the source window…
7-Now write this code on the top of the
source window
<asp:Calendar ID="Calendar1"
runat="server"
BackColor="#FFFFCC"
BorderColor="#FFCC66"
BorderWidth="1px" Caption="Select Date and
Month:" DayNameFormat="Shortest" Font-Names="Verdana"
Font-Size="8pt" ForeColor="#663399"
Height="200px"
ShowGridLines="True"
Width="220px">
<SelectedDayStyle BackColor="#CCCCFF"
Font-Bold="True"
/>
<SelectorStyle BackColor="#FFCC66" />
<OtherMonthDayStyle ForeColor="#CC9966"
/>
<TodayDayStyle BackColor="#FFCC66"
ForeColor="White"
/>
<NextPrevStyle Font-Size="9pt"
ForeColor="#FFFFCC"
/> <DayHeaderStyle BackColor="#FFCC66"
Font-Bold="True"
Height="1px"
/>
<TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" ForeColor="#FFFFCC" />
</asp:Calendar>
9- Now go to the Code window and type this code in the Page Load event …
Calendar1.SelectedDate
= DateTime.Now;
Label1.Text = "Today's
date and time is :" + Calendar1.SelectedDate;
There
is a tag in the Web.Config file set the set it to true :__
<compilation debug="true">
10 - Now run your web site by Ctrl + F5
11- Refresh your web page…
OUT PUT
12-When you select a date from calendar this will display in the label …
![CalendarControl.jpg]()
13- Close web browser
14-Close visual studio
Thanks!
Nikhil Kumar
For More Help please visit my blog
www.dotnetask.blog.co.in