zoukankan      html  css  js  c++  java
  • 自定义日期控件

    对ASP.Net所知甚少,用Web Matrix作了一个日期选择控件,让大家见笑了

    控件代码如下:

    <%@ Control ClassName="CustomCalender" autoeventwireup="false" Language="C#" targetschema="http://schemas.microsoft.com/intellisense/ie5" %>
    <script runat="server">

        private 
    void Calendar1_SelectionChanged( System.Object sender, System.EventArgs  e  )
        
    {
            TextBox1.Text 
    = Calendar2.SelectedDate.ToShortDateString();
            Panel1.Visible 
    = false;
        
        }

        private 
    void OnClick( System.Object sender, System.EventArgs  e  )
        
    {
             
    if ( Panel1.Visible )
             
    {
                Panel1.Visible 
    = false;
             }

             
    else
             
    {
                 Panel1.Visible 
    = true;
             }

        
        }


    </script>
    <!-- Insert content here -->
    <asp:TextBox id="TextBox1" runat="server"></asp:TextBox>
    <asp:Button id="Button1" onclick="OnClick" runat="server" size="43" Text="..." height="22" width="35" type="button"></asp:Button>

    <div id="divCalendar">
        
    <asp:Panel id="Panel1" runat="server" Width="172px" Height="182px" Visible="False">
            
    <asp:Calendar id="Calendar2" runat="server" Width="200px" Height="180px" OnSelectionChanged="Calendar1_SelectionChanged" BorderWidth="2px" BackColor="White" ForeColor="Black" Font-Size="8pt" Font-Names="Verdana" BorderColor="#999999" BorderStyle="Outset" DayNameFormat="FirstLetter" CellPadding="4">
                
    <TodayDayStyle forecolor="Black" backcolor="#CCCCCC"></TodayDayStyle>
                
    <SelectorStyle backcolor="#CCCCCC"></SelectorStyle>
                
    <NextPrevStyle verticalalign="Bottom"></NextPrevStyle>
                
    <DayHeaderStyle font-size="7pt" font-bold="True" backcolor="#CCCCCC"></DayHeaderStyle>
                
    <SelectedDayStyle font-bold="True" forecolor="White" backcolor="#666666"></SelectedDayStyle>
                
    <TitleStyle font-bold="True" bordercolor="Black" backcolor="#999999"></TitleStyle>
                
    <WeekendDayStyle backcolor="#FFFFCC"></WeekendDayStyle>
                
    <OtherMonthDayStyle forecolor="#808080"></OtherMonthDayStyle>
            
    </asp:Calendar>
        
    </asp:Panel>
    </div>


    调用页面代码:

    <%@ Page Language="C#" %>
    <%@ Register TagPrefix="expo" TagName="CusCalender" Src="NewFile.ascx" %>
    <script runat="server">

        
    // Insert page code here
        //

    </script>
    <html>
    <head>
        
    <title>Testing the Calendar</title>
    </head>
    <body>
        
    <form runat="server">
            
    <expo:CusCalender id="cusCalender" runat="server"></expo:CusCalender>
        
    </form>
    </body>
    </html>


     

  • 相关阅读:
    分享一个自己写的vue多语言插件smart-vue-i18n
    利用vw+rem实现移动web适配布局
    你说前端不了解业务?
    小程序开发总结一:mpvue框架及与小程序原生的混搭开发
    小码农的职场人生一:由张小平离职引发的一些吐槽
    javascript本地缓存方案-- 存储对象和设置过期时间
    手淘移动适配方案flexible.js兼容bug处理
    微信小程序入坑之自定义组件
    vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
    非域环境下使用证书部署数据库(SqlServer2008R2)镜像
  • 原文地址:https://www.cnblogs.com/dahuzizyd/p/20119.html
Copyright © 2011-2022 走看看