Asp.Net UpdatePanel en Gridview Jquery DatePicker

Question

''>''>

Quiero jquery datepicker para "txtDate" cómo hacer?

Gracias...

Answer 1

La forma más simple es colocar una clase en el cuadro de texto de fecha y simplemente usar jQuery para agregar el marcador de fecha ...

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

y el javascript para init es: $(".clDate").datepicker(); pero el panel de actualización necesita una nueva inicialización después de la Actualización, por lo que el código final será:

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

Actualización: Sobre el Sys. -> http://msdn.microsoft.com/en-us/library/bb311028.aspx