asp.net Calender控件的应用

前台： 
<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
     <div>
        <asp:TextBox ID="TextBox1" runat="server" Width="130px"></asp:TextBox>
        <asp:ImageButton ID="ImageButton1" runat="server" Width="25px" Height="25px"
            ImageUrl="~/Calender.png" οnclick="ImageButton1_Click" />
        <br />
         <div id="LayerCC" style="left: 167px; width: 220px; position: absolute; top: 40px;
                height: 191px; background-color: white" visible="false" runat="server">
        <asp:Calendar ID="Calendar1" runat="server" BackColor="#FFFFCC"
            BorderColor="#FFCC66" BorderWidth="1px" DayNameFormat="Shortest"
            Font-Names="Verdana" Font-Size="8pt" ForeColor="#663399" Height="200px"
            ShowGridLines="True" Width="220px"
                 onselectionchanged="Calendar1_SelectionChanged">
            <DayHeaderStyle BackColor="#66CCFF" Font-Bold="True" Height="1px" />
            <DayStyle BackColor="#CCFFFF" />
            <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
            <OtherMonthDayStyle ForeColor="#CC9966" />
            <SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />
            <SelectorStyle BackColor="#FFCC66" />
            <TitleStyle BackColor="#0066FF" Font-Bold="True" Font-Size="9pt"
                ForeColor="#FFFFCC" />
            <TodayDayStyle BackColor="Red" ForeColor="White" />
        </asp:Calendar>
    </div>
    </div>
    </ContentTemplate>
    </asp:UpdatePanel>

 

后台：

 protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
        {
            LayerCC.Style["left"] = "167px";
            LayerCC.Visible = !LayerCC.Visible;
        }

        protected void Calendar1_SelectionChanged(object sender, EventArgs e)
        {
            TextBox1.Text = Calendar1.SelectedDate.ToString("yyyy-MM-dd");
            LayerCC.Visible = false;
        }