Gridview中的Javascript日历无法工作

本文关键字:工作 日历 中的 Javascript Gridview | 更新日期: 2023-09-27 18:27:53

Gridivew中的日历不工作。我正在为网格视图文本框和日历图像按钮分配唯一的值。但单击日历在网格视图中不工作的事件。若在没有网格的情况下尝试相同的代码,它运行良好。

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

Gridview中的Javascript日历无法工作

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