自定义日期控件 (ASP.net)
控件代码如下:
<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>
调用页面代码:
<script?runat="server">...
????//?Insert?page?code?here
????//
script>
<html>
<head>
????<title>Testing?the?Calendartitle>
head>
<body>
????<form?runat="server">
????????<expo:CusCalender?id="cusCalender"?runat="server">expo:CusCalender>
????form>
body>
html>