javascript - jQuery 引用模板字段中的控件 ID

Question

我想在我的 JavaScript 中引用控件的 ID。该控件位于模板字段中。

这是我所做的:

<ItemTemplate>
  <script type="text/javascript">
    $(document).ready(function () {
               $('#ReqDate2.ClientID').dynDateTime({
                       showsTime: true,
                       ifFormat: "%d/%m/%Y %H:%M",
                       daFormat: "%l;%M %p, %e %m,  %Y",
                       align: "BR",
                       dlectric: false,
                       singleClick: false,
                       displayArea: ".siblings('.dtcDisplayArea')",
                       button: ".next()"
                  });
            });
 </script>                    
<asp:TextBox ID="ReqDate2" runat="server" ReadOnly="true" Style="width: 128px"></asp:TextBox>
     <img src="../Images/calender.png" />
</ItemTemplate>

此代码应该使日历 javascript 在我单击日历图像时弹出，但它没有发生。

我认为这是因为我没有正确选择文本框的 ID:$('#ReqDate2.ClientID')

我应该如何选择它？

Answer 1

Instead of accessing textbox id use its class name

试试这个:它对我来说效果很好。

$(document).ready(function () {
    $(".Calender").dynDateTime({
        showsTime: true,
        ifFormat: "%Y/%m/%d %H:%M",
        daFormat: "%l;%M %p, %e %m,  %Y",
        align: "BR",
        electric: false,
        singleClick: false,
        displayArea: ".siblings('.dtcDisplayArea')",
        button: ".next()"
    });
});

您还应该更改项目模板。

<ItemTemplate>
   <asp:TextBox ID="txtDOB" runat="server" ReadOnly="true" CssClass = "Calender" />
   <img src="calender.png" />
</ItemTemplate>