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