Gridview中的Javascript日歷無法正常工作

Question

Gridivew中的日歷無法正常工作。 我正在為gridview文本框和日歷圖像按鈕分配唯一的值。但是日歷事件的單擊事件在gridview中不起作用。如果在沒有網格的情況下嘗試相同的代碼，則可以正常工作。

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