zoukankan      html  css  js  c++  java
  • CalendarExtender控件

    功能:
             用来实现日期的选取。
    属性:   
        TargetControlID  通过该属性设置当哪个控件获取焦点时,弹出日期面板并将日期值返回到这个控件中,通常设置为文本框。 
        Format: 通过该属性,设置返回日期的格式。
        PopupButtonID:通过该属性,设置当哪个控件点击时,弹出日期面板。

    实例代码:    

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        
    <title>日历扩展器的使用</title>
        
    <link href="Style.css" rel="stylesheet" type="text/css" />
    </head>
    <body style="text-align: center" bgcolor="lightskyblue">
        
    <form id="form1" runat="server">
            
    <asp:ScriptManager ID="ScriptManager1" runat="Server" EnableScriptGlobalization="true"
                EnableScriptLocalization
    ="True" />
            
    <href="http://abcdwxc.cnblogs.com/" target="_blank">
            
                日历扩展器的使用 
            
    </a>
            
    <table border="1" width="720px">
                
    <tr>
                    
    <td style=" 434px; text-align: right;">
                        
    <strong>
                        一移入文本框就显示日历:
    </strong></td>
                    
    <td style=" 286px; text-align: left;">
                        
    <asp:TextBox runat="server" ID="TextBox1" Width="180px" />
                        
    <%-- 加入月历扩充器 --%>
                        
    <ajaxToolkit:CalendarExtender ID="AjaxCalendarExtender1" runat="server" TargetControlID="TextBox1" />
                    
    </td>
                
    </tr> 
                
    <tr>
                    
    <td style=" 434px; text-align: right;">
                        
    <strong>
                        利用 TextBox 右侧的图片来显示日历,
    <br />并且使用自定义样式与格式化字符串:</strong></td>
                    
    <td style=" 286px; text-align: left;">
                        
    <asp:TextBox runat="server" ID="TextBox2" Width="185px" />
                        
    <%--加入一个用来显示月历的 Image 控件--%>
                        
    <asp:Image runat="Server" ID="Image1" ImageUrl="~/Images/Calendar_icon.gif" ToolTip="请使用鼠标单击此图片来显示日历。" />
                        
    <%-- 加入月历扩充器 --%>
                        
    <ajaxToolkit:CalendarExtender ID="AjaxCalendarExtender2" runat="server" TargetControlID="TextBox2"
                             Format
    ="MM/dd/yyyy" PopupButtonID="Image1" />
                    
    </td>
                
    </tr>
            
    </table>
        
    </form>
    </body>
    </html>

    运行结果:
        

  • 相关阅读:
    php趣题小记
    git常用语法
    Go 使用小记
    小程序 显示对话框 确定-取消
    小程序 后退一页
    Vue脚手架使用步骤 2.9.6版本
    小程序 后台返回的对象数组(每个数组添加一个新的属性值)
    小程序 添加对象
    小程序图表wx-chart
    微信小程序之自定义select下拉选项框组件
  • 原文地址:https://www.cnblogs.com/abcdwxc/p/941628.html
Copyright © 2011-2022 走看看