Ajax中日历控件的使用

首先页面布置好控件代码是这样的

View Code

   
     

    
       1 
    
      Code

    
       2 
    
      Language
    
      =
    
      "
    
      C#
    
      "
    
       AutoEventWireup
    
      =
    
      "
    
      true
    
      "
    
       CodeFile
    
      =
    
      "
    
      Default.aspx.cs
    
      "
    
       Inherits
    
      =
    
      "
    
      _Default
    
      "
    
       
    
      %>
    
      

    
       3 
    
       
    
      <%
    
      @ Register assembly
    
      =
    
      "
    
      AjaxControlToolkit
    
      "
    
       
    
      namespace
    
      =
    
      "
    
      AjaxControlToolkit
    
      "
    
       tagprefix
    
      =
    
      "
    
      cc1
    
      "
    
       
    
      %>
    
      

    
       4 
    
      
    
      <!
    
      DOCTYPE html PUBLIC 
    
      "
    
      -//W3C//DTD XHTML 1.0 Transitional//EN
    
      "
    
       
    
      "
    
      http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
    
      "
    
      >
    
      

    
       5 
    
      
    
      <
    
      html xmlns
    
      =
    
      "
    
      http://www.w3.org/1999/xhtml
    
      "
    
      >
    
      

    
       6 
    
      
    
      <
    
      head runat
    
      =
    
      "
    
      server
    
      "
    
      >
    
      

    
       7 
    
       
    
      <
    
      title
    
      >
    
      无标题页
    
      </
    
      title
    
      >
    
      

    
       8 
    
      
    
      </
    
      head
    
      >
    
      

    
       9 
    
      
    
      <
    
      body
    
      >
    
      

    
      10 
    
       
    
      <
    
      form id
    
      =
    
      "
    
      form1
    
      "
    
       runat
    
      =
    
      "
    
      server
    
      "
    
      >
    
      

    
      11 
    
       
    
      <
    
      asp:ScriptManager ID
    
      =
    
      "
    
      ScriptManager1
    
      "
    
       runat
    
      =
    
      "
    
      server
    
      "
    
       EnableScriptGlobalization 
    
      =
    
      "
    
      true
    
      "
    
       
    
      >
    
      

    
      12 
    
       
    
      </
    
      asp:ScriptManager
    
      >
    
      

    
      13 
    
       
    
      <
    
      div
    
      >
    
      

    
      14 
    
       
    
      </
    
      div
    
      >
    
      

    
      15 
    
       
    
      <
    
      cc1:CalendarExtender ID
    
      =
    
      "
    
      CalendarExtender1
    
      "
    
       runat
    
      =
    
      "
    
      server
    
      "
    
       

    
      16 
    
       TargetControlID
    
      =
    
      "
    
      TextBox1
    
      "
    
      >
    
      

    
      17 
    
       
    
      </
    
      cc1:CalendarExtender
    
      >
    
      

    
      18 
    
       
    
      <
    
      asp:TextBox ID
    
      =
    
      "
    
      TextBox1
    
      "
    
       runat
    
      =
    
      "
    
      server
    
      "
    
      ></
    
      asp:TextBox
    
      >
    
      

    
      19 
    
       
    
      </
    
      form
    
      >
    
      

    
      20 
    
      
    
      </
    
      body
    
      >
    
      

    
      21 
    
      
    
      </
    
      html
    
      >
   
     

然后是要加样式的使用了

View Code

   
     

    
       1 
    
      <%
    
      @ Register Assembly
    
      =
    
      "
    
      AjaxControlToolkit
    
      "
    
       Namespace
    
      =
    
      "
    
      AjaxControlToolkit
    
      "
    
       TagPrefix
    
      =
    
      "
    
      ajaxToolkit
    
      "
    
       
    
      %><
    
      asp:scriptmanager ID
    
      =
    
      "
    
      Scriptmanager1
    
      "
    
       runat
    
      =
    
      "
    
      server
    
      "
    
      ></
    
      asp:scriptmanager
    
      >
    
      

    
       2 
    
      
    
      <
    
      asp:TextBox ID
    
      =
    
      "
    
      SearchText
    
      "
    
       Width
    
      =
    
      "
    
      150px
    
      "
    
       runat
    
      =
    
      "
    
      server
    
      "
    
       
    
      />
    
      

    
       3 
    
      
    
      <
    
      input type 
    
      =
    
      "
    
      button
    
      "
    
       id 
    
      =
    
      "
    
      show
    
      "
    
       
    
      />
    
      

    
       4 
    
       

    
       5 
    
      
    
      <
    
      ajaxToolkit:CalendarExtender TargetControlID 
    
      =
    
      "
    
      SearchText
    
      "
    
       CssClass
    
      =
    
      "
    
      MyCalendar
    
      "
    
       

    
       6 
    
       runat 
    
      =
    
      "
    
      server
    
      "
    
       PopupButtonID
    
      =
    
      "
    
      show
    
      "
    
       ID 
    
      =
    
      "
    
      Calendar
    
      "
    
       Animated
    
      =
    
      "
    
      true
    
      "
    
       

    
       7 
    
       Format
    
      =
    
      "
    
      yyyy-MM-dd
    
      "
    
       Enabled
    
      =
    
      "
    
      true
    
      "
    
      ></
    
      ajaxToolkit:CalendarExtender
    
      >
    
      

    
       8 
    
       

    
       9 
    
      
    
      <
    
      ajaxToolkit:AutoCompleteExtender runat
    
      =
    
      "
    
      server
    
      "
    
       ID
    
      =
    
      "
    
      AutoCompleteSearch
    
      "
    
      

    
      10 
    
       MinimumPrefixLength
    
      =
    
      "
    
      1
    
      "
    
       TargetControlID
    
      =
    
      "
    
      SearchText
    
      "
    
      

    
      11 
    
       ServicePath
    
      =
    
      "
    
      AutoCompleteService.asmx
    
      "
    
      

    
      12 
    
       ServiceMethod
    
      =
    
      "
    
      GetSearchTerms
    
      "
    
      ></
    
      ajaxToolkit:AutoCompleteExtender
    
      >