ASP.NET AJAX控件之PopupControl(日历控件)

最新推荐文章于 2024-08-27 07:48:25 发布

转载最新推荐文章于 2024-08-27 07:48:25 发布 · 487 阅读

文章标签：

#asp.net #日历 #ajax #calendar #textbox #server

ajax控件专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何利用ASP.NET AJAX控件PopupControlExtender实现一个响应用户输入的日期选择器弹窗功能。具体包括配置ScriptManager、设置PopupControlExtender参数以及触发Calendar控件显示的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

aspx:

<title>AJAX控件之PopupControl</title> </head> <body style="text-align: center"> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <div style="text-align: center"> 日历：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br /> <asp:Panel ID="Panel1" runat="server" Height="184px" Width="171px"> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Calendar ID="Calendar1" runat="server" BackColor="White" BorderColor="#999999" CellPadding="4" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" Height="180px" OnSelectionChanged="Calendar1_SelectionChanged" Width="200px"> <SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" /> <TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" /> <SelectorStyle BackColor="#CCCCCC" /> <WeekendDayStyle BackColor="#FFFFCC" /> <OtherMonthDayStyle ForeColor="#808080" /> <NextPrevStyle VerticalAlign="Bottom" /> <DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" /> <TitleStyle BackColor="#999999" BorderColor="Black" Font-Bold="True" /> </asp:Calendar> </ContentTemplate> </asp:UpdatePanel> </asp:Panel> <br /> <cc1:PopupControlExtender ID="PopupControlExtender1" runat="server" PopupControlID="Panel1" Position="Bottom" TargetControlID="TextBox1"> </cc1:PopupControlExtender> </div> </form> </body> </html> cs:

protected void Calendar1_SelectionChanged(object sender, EventArgs e) { PopupControlExtender1.Commit(Calendar1.SelectedDate.ToShortDateString()); }