---
title: "ASP.Net AJAX Control Toolkit: CalendarExtender"  
description: "The Toolkit contains some new controls that have AJAX functionality and many control extenders. The control extenders attach to any other control to e"  
author: "Uttam Misra"  
published: 2010-09-17  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/137/asp-dot-net-ajax-control-toolkit-calendarextender  
category: "ajax"  
tags: ["ajax"]  
reading_time: 2 minutes  

---

# ASP.Net AJAX Control Toolkit: CalendarExtender

The Toolkit contains some new controls that have AJAX functionality and many control extenders. The control extenders attach to any other control to enhance the functionality.\

These Toolkit download from the Microsoft site or by help of net and these toolkit associate with visual studio by adding .dll through add reference. Toolkit are attach with toolbox by right click on toolbox and click on add choose item and give a name AJAX Control toolkit.

![ASP.Net AJAX Control Toolkit: CalendarExtender](https://www.mindstick.com/mindstickarticle/2d760e68-3da4-4557-a2fa-2fd1712d6e70/images/4dd52725-4021-401d-bd49-e58d132b127c.png)

##### ASP.Net AJAX Control Toolkit Extenders

The control extends the behavior of ASP.NET server controls with additional JavaScript on the client side and also server side.

##### CalendarExtender:

It provide simplicity in select the date from month. It contains main key properties: TargetControlID and Format.

##### How we implement the CalendarExtender

**Step1:** we use the following control on aspx page

Example:

```
 <body>     <form id="form1" runat="server">     <div> <%--Using ScriptManager or ToolkitScriptManager according toolkit version--%>     <asp:ScriptManager ID="ScriptManager1"runat="server"></asp:ScriptManager>     <%--using textbox--%>     <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>     <%-- using calenderextendar here--%>     <cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID  ="TextBox1" Format="MMM/dd/yyyy">     </cc1:CalendarExtender>     </div>     </form></body>
```

**Step2:** Run the project

Press the mouse button on textbox

![ASP.Net AJAX Control Toolkit: CalendarExtender](https://www.mindstick.com/mindstickarticle/2d760e68-3da4-4557-a2fa-2fd1712d6e70/images/2660578f-c858-4ba9-9312-014444c8a855.png)

Select the date from [calendar](https://www.mindstick.com/articles/13088/how-to-choose-the-best-calendar-for-you-dynamics-crm-system)

![ASP.Net AJAX Control Toolkit: CalendarExtender](https://www.mindstick.com/mindstickarticle/2d760e68-3da4-4557-a2fa-2fd1712d6e70/images/ced0bf7d-325a-4957-ba9c-f0ab457296c8.png)

This is the simple demonstration of CalendarExtender in the web application.

\

---

Original Source: https://www.mindstick.com/articles/137/asp-dot-net-ajax-control-toolkit-calendarextender

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
