Ajax之Calendar控件
来源:互联网 发布:linux如何配置ip地址 编辑:程序博客网 时间:2024/05/19 14:38
首先说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>
单击图片弹出日历选择日历显示在textbox上.
注:欢迎喜爱编程的朋友进群交流。QQ群交流:256169347
群共享了很多pdf书籍文档
- Ajax之Calendar控件
- Ajax控件--FilteredTextBox,Calendar,ModalPopup
- altas(ajax)控件(五):日历控件Calendar
- altas(ajax)控件(五):日历控件Calendar
- asp.net Ajax--Calendar控件使用
- asp.net Ajax--Calendar控件使用
- asp.net Ajax--Calendar控件使用
- asp.net Ajax--Calendar控件使用
- ajax calendar 控件中文显示问题解决
- asp.net Ajax--Calendar控件使用
- Calendar控件之DayRender事件
- VS2.0控件之日历《Calendar》C#
- 日历控件推介之:Dynarch.com Calendar
- Android控件之AnalogClock、DigitalClock calendar
- .NET的Calendar控件+AJAX打造简单版日历备忘录
- Calendar控件
- Calendar控件
- Calendar 控件
- ubuntu c/c++ IDE编程环境
- HDU1050
- 你的第一个Windows程序——创建一个窗口
- iphone/ipad关于size, frame and bounds总结和UIScroll view学习笔记
- 最新Connectify注册码(序列号) Connectify3.7序列号 破解版
- Ajax之Calendar控件
- cocos2d-x支持的平台和编程语言
- @Resource自动注入为null
- JS 和 CSS 的位置对其他资源加载顺序的影响
- Android Camera OMX方式Preview完整过程分析
- 回归分析作业1
- cocos2d-x实例-魔塔游戏(1)-准备工作
- PHP处理TXT文件向数据库导入海量数据
- 应用篇1.1 “日程管理”软件开发准备工作