jqueryを使用してasp.netでdatepickerを実装する方法は？

Question

<script src="<%=("../Scripts/jquery-1.6.1.min.js") %>" type="text/javascript" /> 
    <script src="<%=("../Scripts/jquery-datePicker.js") %>" type="text/javascript" /> 

<script type="text/javascript"> 

    $(function() { 

    $("#txtDate").datepicker();  

    }); 

    </script> 

私はこのコードを使用しているが、それはdoesnot私のテキストボックスをクリックした上で、ポップアップカレンダーを表示します。 何が問題になる可能性がありますか？ エラーは発生しません。

Answer 1

を使うのか？ IDセレクタはその後、作業クラスセレクタを使用していない

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

場合、サーバーコントロールのためにこの</script>

<script src="../Scripts/jquery-1.6.1.min.js" type="text/javascript" ></script> 
<script src="../Scripts/jquery-datePicker.js" type="text/javascript" ></script> 

利用のClientIDとの緊密なスクリプトタグは

<script type="text/javascript"> 

    $(function() { 

    $("#<%= txtDate.ClientID %>").datepicker();  

    }); 

    </script> 

あなたはまた、レディ機能を使用することができますASP.NETサーバーコントロールには良いです。

<asp:TextBox ruat="server" ID="txtDate" CssClass="DateField"></asp:TextBox> 

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

Answer 2

おそらくあなたは、ASP.NETサーバーコントロールのIDは、通常のHTML IDのものとは異なる

$(document).ready(function() { 
$("#txtDate").datepicker();  
}); 

Answer 3

document.ready機能を使用する必要があります。したがって、サーバーコントロールを使用している場合、コードを実行し、ページソースを開き、ページソースに表示されるIDを取得し、txtDateの代わりにこのIDを使用します。直接パスを設定していない理由を

また

$(document).ready(function() { $("#<id>").datepicker(); });