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