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

Question

jQuery datepicker 无法使用母版页。 datepicker 添加母版页 ID 时无法正常工作。

请查找以下代码以获取更多信息。

<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();
});