Asp.Net Ajax—Calendar控件使用

简介

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控件的属性如下：

1 2	<cc1:CalendarExtender TargetControlID="txtDate" runat="server" Format="yyMMdd" ID="calDate" CssClass="MyCalendar"/>

下面是样式代码，对应上面的CssClass，关于改样式的解释在后面讲到：

<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>