javascript - 无法将 JQuery Datepicker 与 asp :TextBox in sharepoint 绑定(bind)

Question

我有下一个麻烦。我正在 Sharepoint 中创建 Web 部件。我需要一个 Jquery 日期选择器。当我尝试将它与它工作的 html 文本框绑定(bind)时。但是当我尝试将它与 Asp:textbox 绑定(bind)时，它不起作用。有人有什么想法吗？谢谢。我将不胜感激任何帮助。

<script type="text/javascript">
    $(document).ready(function() {
        $('#tbDateOfPurchase').datepicker();
    });
</script>


<asp:TextBox ID="tbDateOfPurchase" runat="server"></asp:TextBox> //doesn't work
<input id="tbDateOfPurchase" type="text" /> //works

Answer 1

这应该有效:

<script type="text/javascript">
    $(document).ready(function() {
        $('input[id$=_tbDateOfPurchase]').datepicker();
    });
</script>    

就像@redsquare 指出的那样，是文本框的服务器端 ID 在客户端上完全转换为其他内容导致了这种情况。

上面的代码使用Attribute Ends With Selector [name$=value] 选择了所有client id 以_tbDateOfPurchase 结尾的input 元素。