html.TextBoxコントロールのjQuery UI Datepicker

Question

jQuery UIのDatePickerプラグインをHtml.TextBoxに表示する必要があります。どうすればいいですか？

のjQueryコード：

<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 

<div class="demo"> 
    <p>Date: <input type="text" id="datepicker" style = "width:150px"/></p> 
</div> 

上記のコードは私がコントロールをクリックすることができ、私のMVCのビュー内のテキストボックスコントロールを与え、それが、うまく機能、カレンダーコントロールをポップアップするが、私は何をしたいです私はこのように、コードの後半で使用していHtml.Textboxに同じ動作を再現することです：

<%= Html.TextBox("Date", "", new { style = "width:150px"})%> 

は、どのように私はjQueryのUI DatePickerのプラグインは、上記のコード行で動作するように入手できますか？

Answer 1

は、あなたが同じページに2つの同一のIDを持つべきではない、あなたのhtmlAttributes

<script> 
$(function() { 
    $(".datepicker").datepicker(); 
}); 
</script> 

<div class="demo"> 
    <p>Date: <input type="text" id="datepicker" style = "width:150px"/></p> 
</div> 
    <%= Html.TextBox("Date", "", new { style = "width:150px", @class = "datepicker"})%>