Gridview中的JavaScript日历不工作

Question

日历在Gridivew无法正常工作。我为gridview文本框和日历图像按钮分配唯一的值。但单击事件的日历不工作在gridview.If尝试相同的代码没有网格它工作正常。

<asp:TemplateField HeaderText="BirthDate" ItemStyle-Width="15%"> 
    <ItemTemplate> 
     <asp:TextBox ID="txtBirthDate" Text='<%# Eval("BirthDate", "{0:dd-MMM-yyyy}")%>' 
      runat="server" Width="80px"></asp:TextBox> 
     <img id='<%# Eval("EmployeeId") %>' alt="" src="../../_layouts/Images/itevent.png" /> 
     <input type="text" id='<%# Eval("CtrlId") %>' style="display: none" name="txtExpDate" 
      value="<%# Eval("BirthDate") %>" readonly="readonly"> 
     <script type="text/javascript"> 
      Calendar.setup 
       ({ 
        inputField: '<%# Eval("CtrlId") %>', 
        ifFormat: '%d-%b-%Y ', 
        button: '<%# Eval("EmployeeId") %>', 
        align: 'Br' 
       });             
     </script> 
    </ItemTemplate> 
</asp:TemplateField> 

Answer 1

使用jQuery

 $(function() { 
     $("[id$=txtBirthDate]").datepicker({ 
      showOn: 'focus' 
      buttonImage:"images/calendar.gif" 

     }); 
    }); 

您的aspx：

<asp:TemplateField HeaderText = "BirthDate"> 
    <ItemTemplate> 
    <asp:TextBox ID="txtBirthDate" runat="server" ReadOnly = "true"></asp:TextBox> 
    </ItemTemplate> 
    </asp:TemplateField>