繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > Asp.net Ajax--Calendar控件使用
- ASP.NET
- 动态加载Js代码到Head标签中的脚本
- asp.net Parameters.AddWithValue方法在SQL语句的 Where 字句中的用法
- ASP.NET 运行时错误: 没有为扩展名“.asax”注册的生成提供程序修正版
- Convert.ToInt32与Int32.Parse区别及Int32.TryParse
- WebService出现"因 URL 意外地以 结束，请求格式无法识别"的解决方法
- asp.net(C#) Xml操作(增删改查)练习
- asp.net 分页sql语句(结合aspnetpager)
- asp.net开发与web标准的冲突问题的一些常见解决方法
- asp.net Repeater中使用if的代码
- Asp.net FCKEditor 2.6.3 上传文件没有权限解决方法
- C# 命名规则(挺不错的)
- asp.net 动态生成控件并获取其值
- 使用DataGrid中扩展ItemRenderer和HeaderRenderer进行操作
- asp.net Hashtable 遍历写法
- asp.net GridView和DataList实现鼠标移到行行变色
- C# 邮件地址是否合法的验证
- .net发送邮件实现代码
- ASP.Net 上传图片并生成高清晰缩略图
- asp.net 事件与委托分析
- C# 无限级分类的实现
ASP.NET 中的 Asp.net Ajax--Calendar控件使用
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-14 浏览: 244 ::
收藏到网摘: n/a
简介
Calendar控件是一个很简单的控件，主要用来在页面中提供日历的选择，其实现在已经有很多用javascript写的日历控件，但是Canlendar日历控件能够让我们更快速地来实现这种效果，只需要进行一些简单的设置即可。
重要属性
TargetControlID：用来显示选择日期的控件，改控件必需为TextBox
CssClass：设置日历的样式
Format：显示日期的格式，如yyMMdd,会显示071105
PopupButtonID：当日期是通过选定某个按钮弹出的时候，为改按钮的ID，一般为一个日历图片
示例1
1.打开visual studio2005，新建一个AjaxControlToolkit网站。
2.在网站根目录下添加一个窗体，命名为Calendar1.aspx。
3.切换到设计视图，在页面上添加ScriptManger，一个TextBox和一个CalendarEntender控件。
4.设置CalendarExtender控件的属性如下：
<cc1:CalendarExtender TargetControlID="txtDate" runat="server" Format="yyMMdd" ID="calDate" CssClass="MyCalendar"/>
下面是样式代码，对应上面的CssClass，关于改样式的解释在后面讲到：
5.保存设计，F5运行，当文本框控件获得焦点时就会弹出日历控件，选择日期后所选日期会按照所设定的格式显示在文本框中，然后日历控件会自动隐藏。
示例2
这个例子是单击一个图片按钮后会弹出日历控件，这个在网站中也是经常用到的
1.在网站的根目录下新建一个web窗体，命名为Calendar2.aspx.
2.步骤和上面的一样，只是在页面中多了一个image控件，Calendar控件的设置如下：
<cc1:CalendarExtender TargetControlID="txtDate" runat="server" Format="yyMMdd" ID="calDate" PopupButtonID="imgDate" CssClass="MyCalendar"/>设置基本上和上一个示例一样，多了一个PopupButtonID，用来制定点击的图片
3.保存设计，按F5运行，当单击日历图片时会弹出日历控件，选择了日期，控件会隐藏，选择的日期会显示在文本框中。
注：属性Format用来控制日期显示的格式，但要注意代表月的M一定要大写，如：yyyy－MM－dd，yyyy/M/d,yyyy年MM月dd日
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:非本月日期的样式名 |
评论 (0) All
