Javascript 在 asp.net 内容页面中不起作用

Question

我试图在内容页面的文本框中显示 javascript 日期时间选择器，该文本框派生自母版页，但日期时间选择器未显示。
这是我的内容页面:

<link rel="stylesheet" href="Datepicker.css">
<script src="https://code.jquery.com/jquery.js"></script>
<script src="Datepicker.js"></script>
<script>
$(document).ready(function() {
    $('#dp').datepicker();
});
</script>
<script>
$(document).ready(function() {
    $('#dp1').datepicker();
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:Label ID="Label1" runat="server" Text="From"></asp:Label>&nbsp;
    <input id="dp" type="text" runat="server"/>&nbsp;
    <asp:Label ID="Label2" runat="server" Text="To"></asp:Label>&nbsp;
    <input id="dp1" type="text" runat="server" />&nbsp;
    <asp:Button ID="Button1" runat="server" Text="Search" onclick="Button1_Click" />
<asp:GridView ID="gvdetails" runat="server">
</asp:GridView>
</asp:Content>

注意:这在没有母版页的情况下有效，但是当我将它添加到内容页中时，它不起作用。请帮助

Answer 1

当通过 IIS 提供 ASP 服务时，所有 runat="server"元素被赋予一个唯一的名称。

为了找到这个名字，使用 <%= %> ClientID 的语法你的对象。在您的情况下，它将是:

$('#<%=dp1.ClientID%>').datepicker();

或者，您可以将元素设置为使用静态名称。

<input id="dp1" type="text" runat="server" ClientIDMode="Static" />

(但不要两者都做)