为什么我的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()页面上安全0：

    <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