Ajax之Calendar控件

最新推荐文章于 2020-09-18 00:05:07 发布

anihasiyou

最新推荐文章于 2020-09-18 00:05:07 发布

阅读量962

点赞数

分类专栏： Ajax 文章标签： Ajax Calendar 日历

本文链接：https://blog.csdn.net/anihasiyou/article/details/8837427

版权

Ajax 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

首先说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书籍文档