自定义日期控件

自定义日期控件

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

<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>
相关阅读:
Centos7更改网卡名为eth0
Centos7部署Open-Falcon监控
 centos6.x一键15项系统优化（转自努力哥）
运维题目（十三）
运维题目（十二）
Mongodb的学习整理（下）
Centos7下yum安装mongodb
浏览器缓存
 控制反转
 js setTimeOut()
原文地址：https://www.cnblogs.com/dahuzizyd/p/20119.html