.net3.5 和vs2008中Ajax控件的使用--Calendar(日历)控件 _vs2008中有好的时间日期选择控件吗?-CSDN博客

本文介绍了在 .NET 3.5 和 Visual Studio 2008 中如何使用 Ajax 控件库的 Calendar 控件。详细讲解了 TargetControlID、CssClass 和 Format 等属性的用法，以及如何添加样式以实现自定义日历显示效果。同时，通过实例展示了在网页中添加 TextBox 和 ImageButton，并关联 Calendar 控件的步骤。

一、属性

TargetControlID：用来显示选择日期的控件，该控件必需为TextBox

CssClass：设置日历的样式

Format：显示日期的格式，如yyyy-MM-dd,会显示2008-06-22

PopupButtonID：当日期是通过选定某个按钮弹出的时候，为改按钮的ID，一般为一个日历图片

二、控件实例

a、添加Ajax Web 窗体，并将其命名为Calendar.aspx。

b、在窗体上拖放一个TextBox控件和一个ImageButton控件，并为TextBox控件添加Calendar扩展程序，代码如下：

 <cc1:CalendarExtender ID="TextBox1_CalendarExtender" runat="server" 

        Enabled="True" TargetControlID="TextBox1" PopupButtonID="ImageButton1" 

        Format="yyyy-MM-dd" CssClass="MyCalendar">

    </cc1:CalendarExtender>

c、为Calendar控件添加css样式，如下：

  <style>.MyCalendar .ajax__calendar_container {

    border:1px solid #646464;

    background-color: lemonchiffon;

    color: red;

}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,

.MyCalendar .ajax__calendar_other .ajax__calendar_year {

    color: black;

}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,

.MyCalendar .ajax__calendar_hover .ajax__calendar_month,

.MyCalendar .ajax__calendar_hover .ajax__calendar_year {

    color: black;

}

.MyCalendar .ajax__calendar_active .ajax__calendar_day,

.MyCalendar .ajax__calendar_active .ajax__calendar_month,

.MyCalendar .ajax__calendar_active .ajax__calendar_year {

    color: black;

    font-weight:bold;

}

</style>

注：

属性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:非本月日期的样式名

d、效果如下：