ASP.NET(c#) 日期选择控件的另一种实现方法

蓝色幻影 关注

收藏于 : 2019-01-20 13:15   被转藏 : 1   

这篇文章是在一个英文网站发现的，完全使用ASP.NET实现了日期选择的基本功能，没有使用js，原文链接
http://geekswithblogs.net/plundberg/archive/2009/03/24/asp.net-3.5ajaxnet-enabled-datepicker-snippet-using-the-aspcalendar-control.aspx

英语不好，简单翻译了一下。


ASP.NET 3.5/AJAX.NET --使用asp:Calendar控件实现日期选择功能
您还在寻找一个使用AJAX.NET简单的日期选择控件实现您的日期选择功能吗？我也一直苦苦寻觅，但是最终还是自己写了一个(参照了其它人的代码)。

实现此功能代码完全使用ASP.NET，没有使用javasrcipt,下面是主要代码，如果您需要在多处使用的话可以把它做成一个用户控件。

在.asp文件中，代码如下：(我使用了自己的日历图标，您可以在这里修改为您自己的)。

 

[c-sharp]   view plain copy print ?
  1. <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
  2. <ContentTemplate>  
  3.         <asp:TextBox ID="requestedDeliveryDateTextBox" runat="server" Width="100" />  
  4.         <asp:ImageButton id="imageButton" runat="server" ImageUrl="~/Images/IconCalendar.png" AlternateText="calendar" OnClick="ImageButton_Click" CausesValidation="false" />  
  5.         <br />  
  6.         <div id="calendar" class="calendar" visible="false" runat="server">  
  7.         <asp:Calendar ID="requestedDeliveryDateCalendar" runat="server" OnSelectionChanged="RequestedDeliveryDateCalendar_SelectionChanged" />  
  8.         </div>  
  9. </ContentTemplate>  
  10. </asp:UpdatePanel>  

 

 

后台主要代码如下：

 

[c-sharp]   view plain copy print ?
  1. /// <summary>  
  2.        /// 日期选择图标被点击  
  3.         /// </summary>  
  4.        protected void ImageButton_Click(object sender, EventArgs eventArgs)  
  5.        {  
  6.            控制日历的显示与隐藏  
  7.            calendar.Visible = !calendar.Visible;  
  8.        }  
  9.   
  10.        /// <summary>  
  11.        /// 选择日期，通过AJAX触发  
  12.         /// </summary>  
  13.        protected void RequestedDeliveryDateCalendar_SelectionChanged(object sender, EventArgs eventArgs)  
  14.        {  
  15.          requestedDeliveryDateTextBox.Text = requestedDeliveryDateCalendar.SelectedDate.ToShortDateString();  
  16.   
  17.            // 隐藏日历  
  18.            calendar.Visible = false;  
  19.   
  20.            //设置日历下textbox的焦点，方便用户输入。移除或改变下行代码设置为您自己的控件  
  21.             someTextBox.Focus();  
  22.        }  

 

 

效果如下：
 阅读文章全部内容  
点击查看
文章点评
相关文章
蓝色幻影 关注

文章收藏：6586

TA的最新收藏