jquery - asp.net 母版页头部内容中的 Javascript 似乎不起作用

Question

我正在使用带有 ASP.NET 文本框的现成 jquery 日期选择器。我也在使用 MasterPage，所以这就是我到目前为止所做的 -

链接到母版页的页面

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link href="overcast/jquery-ui-1.8.15.custom.css" rel="Stylesheet" type="text/css" />
<script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
<script>
    $(function () {
        $("#txtBeginDate").datepicker();
        $("#txtEndDate").datepicker();
    });
</script>
</asp:Content>

两个文本框控件

<asp:TextBox ID="txtBeginDate" runat="server"  Placeholder="Select Begin Date"></asp:TextBox> to 
<asp:TextBox ID="txtEndDate" runat="server"  Placeholder="Select End Date" />

但是当我将光标放入这些文本框中时，日期选择器不显示。

请指教。

Answer 1

默认情况下，ASP WebForms 为每个控件生成一个唯一的客户端 ID，其中包括所有父 ID。因此，id 最终可能会类似于“ct100_ct101_txtBeginDate”。

尝试将客户端 ID 与内联代码一起使用，例如:

$("#<%= txtBeginDate.ClientID %>").datepicker();