首先说vs可以安装这套dll,也可以直接找到Ajax.dll和AjaxControlToolkit.dll这两个封装好的引用.我用的都是引用的dll
这篇文章和前边textbox的自动匹配功能很相似,Ajax之AjaxControlToolkit.其实AjaxControlToolkit用起来都差不多,一下一些内容是搜索了网上内容,经过试验,完全可行
Calendar控件是一个很简单的控件,主要用来在页面中提供日历的选择,其实现在已经有很多用javascript写的日历控件,但是Canlendar日历控件能够让我们更快速地来实现这种效果,只需要进行一些简单的设置即可。
重要属性
TargetControlID:用来显示选择日期的控件,该控件必需为TextBox
CssClass:设置日历的样式
Format:显示日期的格式,如yyMMdd,会显示071105(可以自己修改格式yyyy-MM-dd年-月-日)
PopupButtonID:当日期是通过选定某个按钮弹出的时候,为该按钮的ID,一般为一个日历图片
建立web网页
aspx文件顶部加
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
可以设置样式(样式是网上搜索到的)
CssClass说明:
.ajax_calendar_container:日历控件的整体内容部分
.ajax_calendar_footer:日历控件的页脚部分
.ajax_calendar_header:日历控件的页眉部分
.ajax_calendar_activa .ajax_calendar_day:选中日期时的样式,一般选择过的日期会以另一种颜色显示。
.ajax_calendar_hover .ajax_calendar_day:鼠标划过日期时的样式,一般改变悬停在的日期的前景色和背景色。
.ajax_calendar_other .ajax_calendar_day:非本月日期的样式名
<head runat="server"> <title></title> <style type="text/css"> MyCalendar .ajax__calendar_container { border:1px solid #646464; background-color:#faac38; } .MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year { color:#ffffff; } .MyCalendar .ajax__calendar_hover .ajax__calendar_day { color:red; background-color:#e8e8e8; } .MyCalendar .ajax__calendar_active .ajax__calendar_day { color:blue; font-weight:bolder; background-color:#e8e8e8; } </style> </head>
<body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div> <asp:TextBox ID="txtDate" runat="server"></asp:TextBox><asp:Image ID="imgDate" runat="server" Height="16px" ImageUrl="~/App_Themes/Images/logo.JPG" /> <cc1:CalendarExtender TargetControlID="txtDate" runat="server" Format="yyyy/MM/dd" ID="calDate" PopupButtonID="imgDate" CssClass="MyCalendar"/> </div> </form> </body>
注:欢迎喜爱编程的朋友进群交流。QQ群交流:256169347
群共享了很多pdf书籍文档