首先页面布置好控件代码是这样的
![ContractedBlock.gif](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![ExpandedBlockStart.gif](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
1
Code
2 Language = " C# " AutoEventWireup = " true " CodeFile = " Default.aspx.cs " Inherits = " _Default " %>
3 <% @ Register assembly = " AjaxControlToolkit " namespace = " AjaxControlToolkit " tagprefix = " cc1 " %>
4 <! DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >
5 < html xmlns = " http://www.w3.org/1999/xhtml " >
6 < head runat = " server " >
7 < title > 无标题页 </ title >
8 </ head >
9 < body >
10 < form id = " form1 " runat = " server " >
11 < asp:ScriptManager ID = " ScriptManager1 " runat = " server " EnableScriptGlobalization = " true " >
12 </ asp:ScriptManager >
13 < div >
14 </ div >
15 < cc1:CalendarExtender ID = " CalendarExtender1 " runat = " server "
16 TargetControlID = " TextBox1 " >
17 </ cc1:CalendarExtender >
18 < asp:TextBox ID = " TextBox1 " runat = " server " ></ asp:TextBox >
19 </ form >
20 </ body >
21 </ html >
2 Language = " C# " AutoEventWireup = " true " CodeFile = " Default.aspx.cs " Inherits = " _Default " %>
3 <% @ Register assembly = " AjaxControlToolkit " namespace = " AjaxControlToolkit " tagprefix = " cc1 " %>
4 <! DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >
5 < html xmlns = " http://www.w3.org/1999/xhtml " >
6 < head runat = " server " >
7 < title > 无标题页 </ title >
8 </ head >
9 < body >
10 < form id = " form1 " runat = " server " >
11 < asp:ScriptManager ID = " ScriptManager1 " runat = " server " EnableScriptGlobalization = " true " >
12 </ asp:ScriptManager >
13 < div >
14 </ div >
15 < cc1:CalendarExtender ID = " CalendarExtender1 " runat = " server "
16 TargetControlID = " TextBox1 " >
17 </ cc1:CalendarExtender >
18 < asp:TextBox ID = " TextBox1 " runat = " server " ></ asp:TextBox >
19 </ form >
20 </ body >
21 </ html >
然后是要加样式的使用了
![ContractedBlock.gif](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![ExpandedBlockStart.gif](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
1
<%
@ Register Assembly
=
"
AjaxControlToolkit
"
Namespace
=
"
AjaxControlToolkit
"
TagPrefix
=
"
ajaxToolkit
"
%><
asp:scriptmanager ID
=
"
Scriptmanager1
"
runat
=
"
server
"
></
asp:scriptmanager
>
2 < asp:TextBox ID = " SearchText " Width = " 150px " runat = " server " />
3 < input type = " button " id = " show " />
4
5 < ajaxToolkit:CalendarExtender TargetControlID = " SearchText " CssClass = " MyCalendar "
6 runat = " server " PopupButtonID = " show " ID = " Calendar " Animated = " true "
7 Format = " yyyy-MM-dd " Enabled = " true " ></ ajaxToolkit:CalendarExtender >
8
9 < ajaxToolkit:AutoCompleteExtender runat = " server " ID = " AutoCompleteSearch "
10 MinimumPrefixLength = " 1 " TargetControlID = " SearchText "
11 ServicePath = " AutoCompleteService.asmx "
12 ServiceMethod = " GetSearchTerms " ></ ajaxToolkit:AutoCompleteExtender >
2 < asp:TextBox ID = " SearchText " Width = " 150px " runat = " server " />
3 < input type = " button " id = " show " />
4
5 < ajaxToolkit:CalendarExtender TargetControlID = " SearchText " CssClass = " MyCalendar "
6 runat = " server " PopupButtonID = " show " ID = " Calendar " Animated = " true "
7 Format = " yyyy-MM-dd " Enabled = " true " ></ ajaxToolkit:CalendarExtender >
8
9 < ajaxToolkit:AutoCompleteExtender runat = " server " ID = " AutoCompleteSearch "
10 MinimumPrefixLength = " 1 " TargetControlID = " SearchText "
11 ServicePath = " AutoCompleteService.asmx "
12 ServiceMethod = " GetSearchTerms " ></ ajaxToolkit:AutoCompleteExtender >