javascript - jquery 日期选择器不适用于母版页

Question

jQuery datepicker 不适用于母版页。添加母版页 ID 时，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，但不要覆盖服务器生成的 ID。

喜欢:

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

然后:

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