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> 

注：本作品，未經母版頁，但是當我在內容頁添加它，它不work.Please幫助

Answer 1

當ASP通過IIS提供服務，所有的runat="server"元素都有一個唯一的名稱。

爲了找到這個名字，請使用<%= %>語法與您的對象的ClientID。在你的情況下它會是：

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

或者，你可以設置你的元素使用靜態名稱。

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

（但不這樣做既）

Answer 2

東西開箱。

使簡單的隊友 - 使用日期時間HTML5的

<form> 
    Birthday (date and time): 
    <input type="datetime" name="bdaytime"> 
</form>