자바 스크립트가 asp.net 콘텐츠 페이지에서 작동하지 않습니다.

Question

콘텐츠 페이지의 텍스트 상자에 자바 스크립트 날짜 시간 선택기를 표시하려고합니다. 마스터 페이지에서 파생되었지만 datetime 선택기가 표시되지 않습니다.

<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

뭔가를 (하지만 둘 다 할 해달라고).

확인이 간단한 메이트 -

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

HTML5 인

에서 날짜 시간을 사용