Aggiunta di bootstrap-datepicker-rails a date_select nel modulo

Question

Quindi, ho un modulo che utilizza 'data-select', che esegue il rendering di tre caselle di selezione per data selezionata (anno, mese e giorno).

Invece voglio usare datepicker, e ho seguito le istruzioni here. Tuttavia, non ho la minima idea di come implementare effettivamente il datepicker nel modulo nella vista.

sto usando la seguente riga nel application.js ...

$('.datepicker').datepicker() 

... quindi credo che ho bisogno di dare le caselle di selezione del .datepicker classe?

<%= 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

Prova:

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

EDIT: Ho replicato il codice sulla mia macchina ed ha trovato le possibili errori:

Questo gioiello di selezionare la data in un campo di testo, non in una date-select . L'ingresso dovrebbe essere text_field e sembra che questo:

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

come descritto nella Guida di installazione della gemma, si dovrebbe essere sicuri di require che sia nella vostra application.css e application.js. Una cosa più importante: nella vostra projects.js.coffee assicurarsi che il DOM è stato caricato, in questo modo:

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