GridView中的Asp.Net UpdatePanel Jquery DatePicker

'>'>

我想为“txtDate”如何使jquery datepicker？

谢谢…

Answer 1

最简单的方法是在您的date文本框中放置一个类，并使用jQuery添加dateselect器…

<EditItemTemplate> <asp:TextBox ID="txtDate" CssClass="clDate" runat="server" Text='<%# Eval("DATE","{0:dd.MM.yyyy}") %>'></asp:TextBox> </EditItemTemplate> 

和JavaScript的初始化这是： $(".clDate").datepicker(); 但更新面板需要更新后再次初始化，所以最终的代码将是：

 <script type="text/javascript"> // if you use jQuery, you can load them when dom is read. $(document).ready(function () { var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_initializeRequest(InitializeRequest); prm.add_endRequest(EndRequest); // Place here the first init of the DatePicker $(".clDate").datepicker(); }); function InitializeRequest(sender, args) { // make unbind to avoid memory leaks. $(".clDate").unbind(); } function EndRequest(sender, args) { // after update occur on UpdatePanel re-init the DatePicker $(".clDate").datepicker(); } </script> 

更新：关于系统。 – > http://msdn.microsoft.com/en-us/library/bb311028.aspx