DateUpicker пользовательского интерфейса jQuery для элемента управления Html.TextBox

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

Добавьте class="datepicker" к вашему 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"})%>