Asp.Net UpdatePanel in Gridview Jquery DatePicker

<asp:UpdatePanel ID="asd" runat="server">
    <ContentTemplate>
    <asp:GridView ID="gvUpdate" runat="server">
    <Columns>
    <asp:TemplateField HeaderText="DATE">
    <ItemTemplate>
    <asp:Label ID="lblDate" runat="server" Text="<%# Eval("DATE","{0:dd.MM.yyyy}")%>"></asp:Label>
    </ItemTemplate>
    <EditItemTemplate>
    <asp:TextBox ID="txtDate" runat="server" Text="<%# Eval("DATE","{0:dd.MM.yyyy}") %>"></asp:TextBox>
    </EditItemTemplate>
    </asp:TemplateField>
    </Columns>
    </ContentTemplate>

Ich möchte jquery datepicker für “txtDate”, wie mache ich das?

Danke schön…

Der einfachste Weg besteht darin, eine Klasse in Ihrem Datumstextfeld zu platzieren und einfach jQuery zu verwenden, um die Datumsauswahl hinzuzufügen …

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

und das Javascript für init lautet: $(".clDate").datepicker(); Das Update-Panel muss jedoch nach dem Update erneut initialisiert werden, sodass der endgültige Code lautet:

<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> 

Update:Über die Sys. -> http://msdn.microsoft.com/en-us/library/bb311028.aspx