Dodawanie bootstrap-datepicker-rails do date_select w formularzu

Question

Mam więc formularz, który używa "date-select", który renderuje trzy wybrane pola na użyty wybór daty (rok, miesiąc i dzień).

Zamiast tego chcę użyć datepicker i postępuję zgodnie z instrukcjami here. Jednak nie mam pojęcia, jak faktycznie wdrożyć datepicker w formularzu w widoku.

Używam następujący wiersz w application.js ...

$('.datepicker').datepicker() 

... więc myślę, że trzeba dać SELECT skrzynek .datepicker klasy?

<%= form_for @project do |f| %> 
    <div class="text_field"> 
     <%= f.label :title%> 
     <%= f.text_field :title%> 
    </div> 
    <div class="text_field"> 
     <%= f.label :description%> 
     <%= f.text_field :description%> 
    </div> 
    <div class="dropdown"> 
     <%= f.label :start_date%> 
     <%= date_select :start_date, :startdate %> 
    </div> 
    <div class="dropdown"> 
     <%= f.label :end_date%> 
     <%= date_select :end_date, :enddate%> 
    </div> 
    <div class="select"> 
     <%= f.label :title%> 
    </div> 
    <div class="submit"> 
     <%= f.submit "Spara" %> 
    </div> 
<% end %> 

Answer 1

Spróbuj:

<%= date_select :start_date, :startdate , :class => 'datepicker' %> 

EDIT: Mam replikacji kodu na moim komputerze i znaleźć ewentualne błędy:

Ten gem wybiera datę w polu tekstowym, a nie w date-select . Wejście powinno być text_field i wygląda to tak:

<%= f.text_field :date, :class => 'datepicker' %> 

Jak opisano w gem instrukcja instalacji, należy upewnić się require go zarówno w application.css i application.js. Jeszcze jedna ważna rzecz: w swoim projects.js.coffee upewnij się, że DOM jest załadowany, tak:

jQuery -> 
    $('.datepicker').datepicker()