jquery date picker не работает с главной страницей

Question

jQuery datepicker не работает с главной страницей. datepicker не работает, пока добавлен идентификатор главной страницы.

Для получения более подробной информации, пожалуйста, найдите приведенный ниже код.

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" ref="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
     $(function() { 
     $("#datepicker").datepicker(); 
     }); 
    </script> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
    <p>Date: <input type="text" id="datepicker"></p> 
</asp:Content> 

Answer 1

Вам нужно добавить атрибут ClientIDMode="Static" сохранить id как есть.

Вместо этого я рекомендую использовать class, но не превышать идентификатор, сгенерированный сервером.

Как:

<input type="text" id="datepicker" class="datepicker" /> 

Тогда:

$(function() { 
    $(".datepicker").datepicker(); 
});