javascript - 为什么我的 jquery 日期选择器在我的 asp.net 代码中不起作用？

Question

我正在尝试在我的 asp.net 页面中使用 jquery datepicker。不知何故它不起作用，我看到了很多答案以及 jquery-ui's api ，我看不出我在做什么不同..

这是我的 aspx 代码:

  <div class="form-group"
               <asp:Label ID="Label2" runat="server" CssClass="col-sm-2 col-sm-2 control-label" Text="Event Date :" Font-Bold="true" ForeColor="SlateBlue" Font-Size="Larger" />
                    <div class="col-sm-10">
                        <asp:TextBox ID="txtEventDate" runat="server" CssClass="form-control"></asp:TextBox>
                 </div>
          </div>

我的脚本是:

<script>
        $(document).ready(function () {
            $('#txtEventDate').datepicker({
                numberOfMonths: 2,
                showButtonPanel: true
            });
        });
    </script>

现在，根据 DOM 检查，我发现 ID 不是呈现为 txtEventDate，而是呈现为 ContentPlaceHolder1_txtEventDate(注意: 我在这里使用母版页。)

我不知道为什么脚本不工作。是因为呈现不同的 ID 吗？？

我的 jquery 实现:

以下内容在母版页中:

<script src="assets/js/jquery.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery-ui-1.9.2.custom.min.js"></script>
        <script src="assets/js/jquery.ui.touch-punch.min.js"></script>
        <script class="include" type="text/javascript" src="assets/js/jquery.dcjqaccordion.2.7.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>
        <script src="assets/js/jquery.nicescroll.js" type="text/javascript"></script>
        <!--common script for all pages-->
        <script src="assets/js/common-scripts.js"></script>

还有我已经包含的那个(只是为了安全起见在我使用 datepicker() 的页面上:

    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery-ui-1.9.2.custom.min.js"></script>

Answer 1

你应该能够改变这个:

 $('#txtEventDate').datepicker({

到:

$('#<%=txtEventDate.ClientID%>').datepicker({

这样它每次都会正确地获取呈现的 ID