Добавление сборщика даты внутри бутстрапа модальная форма

Question

У меня есть форма, которая визуализируется с помощью модификатора. Я хочу добавить datepicker для startdate и enddate внутри формы вместе с другими полями. Как я могу сделать это в модуле загрузки? Примечание. Я уже использую библиотеку pixel-admin для выбора даты в других файлах. Я хочу использовать то же самое и в bootstrap-modals.

Спасибо !.

Фильтры

   <!-- Modal --> 
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel">Search Filters</h4> 
     </div> 
     <div class="modal-body"> 
      <div class="admin_filter" id="reseller_filter" > 
      <%= form_tag({}, :id => 'users_form', :method => :get) do %> 
       <fieldset><legend><%= l(:label_filter_plural) %></legend> 
       <label for='name'><%= 'Name' %>:</label> 
        <%= text_field_tag 'name', params[:name], :size => 20, :class => "form-control" %><br/> 

       <label for='login'><%= 'Login' %>:</label> 
       <%= text_field_tag 'login', params[:login], :size => 20, :class => "form-control" %><br/> 

       <label for='email'><%= 'Email' %>:</label> 
       <%= text_field_tag 'email', params[:email], :size => 20, :class => "form-control" %><br/> 

     <label for='account_manager'><%= 'Manager' %>:</label> 
     <%= text_field_tag 'account_manager', params[:account_manager], :size => 20, :class => "form-control" %><br /> 

     <%= link_to l(:button_clear), reseller_admin_path, :class => 'icon icon-reload' %> 
    </fieldset> 
<% end %> 
    # I want add date picker in below div 
    <div> 
     # HERE 
    </div> 
<!-- Split button --> 
<div class="btn-group"> 
    <button type="button" class="btn btn-success">Active/ Inactive</button> 
    <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 
    <span class="caret"></span> 
    <span class="sr-only">Toggle Dropdown</span> 
    </button> 
    <ul class="dropdown-menu" role="menu"> 
    <li><a href="#">Active</a></li> 
     <li class="divider"></li> 
     <li><a href="#">Inactive</a></li> 
      </ul> 
      </div> 
     </div> 
     <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
    <button type="button" class="btn btn-success">Filter</button> 
    </div> 
    </div> 
</div> 
</div> 

Следующий код создает форму ниже. [См. Изображение]

Answer 1

Вы можете добавить подборщик дат по следующей ссылке. Он отлично работает с загрузкой Twitter.

http://www.eyecon.ro/bootstrap-datepicker/

Есть несколько демо-версии, и вы должны ссылаться на самонастройки-datepicker.js файл.

Тогда вы можете написать код, как показано ниже.

$('.StartDate').datepicker()