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

Question

我正在尝试在我的 asp.net 页面中使用 jquery 日期选择器。不知何故，它不起作用，我看到了很多答案以及 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>

还有我包含的那个（只是为了安全起见0 在我使用的页面上 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

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

Why doesn't my jquery date-picker not work in my asp.net code?

javascript

asp.net

jquery

jquery-ui