从 jquery 函数中的内容占位符中检索文本框的 id

Question

我正在为我的网页使用 JQUERY UI。我正在尝试使用 datepicker 控件。问题是 jquery 函数没有使用文本框 ID。当我将内容占位符 ID 与文本框 ID 连接时，它正在工作。

<asp:Content ID="PassportContent" ContentPlaceHolderID="CPH001" runat="server">
<div class="form-group">
    <label>Date Of Birth</label>
    <asp:TextBox ID="datepicker" runat="server" CssClass="txt-control"></asp:TextBox>
</div>
</asp:Content>

实际jquery代码

<script src="../jquery/external/jquery/jquery.js"></script>
<script src="../jquery/jquery-ui.min.js"></script> 
<script>
    $(function () {
        $("#datepicker").datepicker();
    });
</script>

工作 jquery 代码

<script>
    $(function () {
        var temp = document.getElementById('<%= datepicker.ClientID %>').value;
        alert(temp);
        $("#CPH001_datepicker").datepicker();
    });
</script>

当我在论坛中搜索大多数建议使用 document.getElementById 的解决方案时，我尝试使用 >>

获取 ID

document.getElementById('<%= datepicker.ClientID %>').value;但警告框显示为 NULL。

1. 如何解决这个问题？
2. 当我将我的 js 代码保存在单独的文件中时，如何解决这个问题？

按照建议，我使用了$("[id$=datepicker]").datepicker();。它有效，我得到了日期选择器。但我无法更改日期格式并限制日期范围。请建议。

<script>
    $(function () {
        $("[id$=datepicker]").datepicker();        

        $("[id$=datepicker]").datepicker({ dateFormat: 'ISO 8601 - yy-mm-dd' }); // not working
    });
    // not working
    $("#format").change(function () { $("[id$=datepicker]").datepicker('ISO 8601 - yy-mm-dd', "dateFormat", $(this).val()); });
</script>

Answer 1

当内容页面呈现Textbox id 时发生变化。像这样使用Textbox id

<script>
$(function () {
    $("[id$=datepicker]").datepicker();
});
</script>

见How to use JQuery with Master Pages?

Answer 2

用输入框试试，你的代码是正确的：

<input type="text" id="datepicker" runat="server" CssClass="txt-control" />

我不确定 jquery 是否可以处理“asp:TextBox”标签还是会被替换？