Click here to Skip to main content
13,351,731 members (56,631 online)
Click here to Skip to main content
Add your own
alternative version

Tagged as


30 bookmarked
Posted 23 Dec 2007

ASP.NET(C#) calendar

, , 10 Jan 2008
Rate this:
Please Sign up or sign in to vote.
Pop Up calendar in C# ASP.NET2.0

Introduction<o:p />

We often need a calendar to give user a way to select date.We know that we have lots of JavaScript calendar already available in the market.But some time we need a calendar from where we can protect user to select only few date not all date and the best use for that is ASP.NET calendar control we can do lots of function with calendar bind date from database etc which hard to do with JS calendar.<o:p />

Background<o:p />

Here is the few key feature of this popup calendar....<o:p />

1>show the calendar by finding out the anchor position.<o:p />

2>Auto hiding the calendar on focus out work for IE,Firefox and other<o:p />

3>Customize the calendar control as you want<o:p />

Using the code <o:p />

In the page where you want to add the calendar just use this type of code in body....<o:p />

            <asp:TextBox runat="server" ID="Date" ToolTip="Please select the date that the site was installed"></asp:TextBox>                      

<a id="cananc" href="javascript:opencal();">

                                            <img src="calendar/cal.jpg" alt="Click here to select a date" width="20" height="20"



now at the top of that page use the following code..... 


    <script type="text/javascript" language="javascript" src="calendar/AnchorPosition.js"></script>

  <script type="text/javascript" language="javascript">


  var calendar_window=window;


  function opencal()

  {//get the anchor position

    var myac=getAnchorWindowPosition('cananc');






//set the click hander on the main window

if (window.captureEvents){ // for firefox



    window.onclick= handle;



document.onclick=handle; // for IE as in IE captureEvents does not work

function handle(e) {






  </script> <o:p />

Remember to send form id to the calendar.aspx page while opening the popup. <o:p />



This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Authors

Web Developer
United States United States
No Biography provided

Arnab Dutta
Software Developer
India India
My aim of life is to become a successful professional in the field of Information Technology and to work in an innovative and competitive world.

I have taken my B.Tech (IT) from RCCIIT kolkata India 2006 batch. Currently working on ASP.NET (C#),SQL Server2005,Mysql4,MS AJAX freamwork

"Challenges are what make life interesting;
overcoming them is what makes life meaningful. "

You may also be interested in...

Comments and Discussions

GeneralIts Calendar not Calender Pin
codedeveloper223-Jan-08 19:14
membercodedeveloper223-Jan-08 19:14 
Generalwelcome to Codeproject Pin
Abhijit Jana23-Dec-07 19:58
member Abhijit Jana23-Dec-07 19:58 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.180111.1 | Last Updated 10 Jan 2008
Article Copyright 2007 by JosephL, Arnab Dutta
Everything else Copyright © CodeProject, 1999-2018
Layout: fixed | fluid