zoukankan      html  css  js  c++  java
  • 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>
    
  • 相关阅读:
    [FE] uni-app 安装 uview-ui 的两种方式
    [FE] Canvas 转图片并下载的方式
    [K8s] Pod 与容器设计模式 Sidecar
    [Docker] 使 Volume 独立于容器运行时的方式
    mysql授权用户以指定IP登录的方法
    linux安装mysql客户端
    kali 安装 Google Chrome
    KALI图形界面root 用户登入
    git reset 版本回退命令
    git log 常用命令
  • 原文地址:https://www.cnblogs.com/wsl2011/p/2063418.html
Copyright © 2011-2022 走看看