為什么我的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()的頁面上使用safe0：

    <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