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>

Gridview中的Javascript日历无法正常工作

1 个答案: