asp.net Ajax--Calendar控件使用
来源:互联网 发布:空山基画集淘宝 编辑:程序博客网 时间:2024/04/29 12:36
简介 Calendar控件是一个很简单的控件,主要用来在页面中提供日历的选择,其实现在已经有很多用javascript写的日历控件,但是Canlendar日历控件能够让我们更快速地来实现这种效果,只需要进行一些简单的设置即可。 重要属性 TargetControlID:用来显示选择日期的控件,改控件必需为TextBox CssClass:设置日历的样式 Format:显示日期的格式,如yyMMdd,会显示071105 PopupButtonID:当日期是通过选定某个按钮弹出的时候,为改按钮的ID,一般为一个日历图片 示例11.打开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,关于改样式的解释在后面讲到: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;}
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:非本月日期的样式名
- asp.net Ajax--Calendar控件使用
- asp.net Ajax--Calendar控件使用
- asp.net Ajax--Calendar控件使用
- asp.net Ajax--Calendar控件使用
- asp.net Ajax--Calendar控件使用
- ASP.NET中Calendar控件的使用
- asp.net Calendar 控件
- ASP.NET基础教程-Calendar日期选择控件的使用
- ASP.NET Ajax Toolkit使用ModalPopupExtender控件
- asp.net Ajax ---AutoComplete控件使用
- asp.net Ajax--Passwordstrength控件使用
- asp.net Ajax--ValidatorCallout控件使用
- asp.net Ajax--HoverMenu控件使用
- asp.net Ajax--PopupControl控件使用
- asp.net Ajax--PopupControl控件使用
- asp.net Ajax--HoverMenu控件使用
- asp.net Ajax--ValidatorCallout控件使用
- asp.net Ajax--HoverMenu控件使用
- 记录集分页显示策略五种实现方法
- ICSharpCode.SharpZipLib.dll实现压缩解压一个树形目录
- 精通批处理
- cygwin 和 ns-2的安装
- WINDOWS系统 + Apache +PHP5 +Zend + MySQL + phpMyAdmin安装方法
- asp.net Ajax--Calendar控件使用
- C语言高效编程的几招
- 实现DataGridView中行的上下移动(C#实现)
- 集群中命令的执行.
- 返回值优化
- ANT 安装使用及build.xml文档模板
- OpenSolaris上Qemu使用指南
- 调试时,出现" 将截断字符串或二进制数据"。
- 长期奋战在电脑前的技术人 必须要看的图(转自51cto)