ruby on rails - example - Agregar bootstrap-datepicker-rails a date_select en forma

bootstrap datepicker sandbox

Question

Entonces, tengo un formulario que usa ''selección de fecha'', que representa tres cuadros de selección por fecha seleccionada: seleccione (año, mes y día).

En cambio, quiero usar datepicker, y he seguido las instrucciones aquí . Sin embargo, no tengo ni idea de cómo implementar realmente el datepicker en el formulario de la vista.

Estoy usando la siguiente línea en application.js ...

$(''.datepicker'').datepicker()

... así que supongo que necesito dar a las cajas de selección la clase .datepicker?

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

Tratar :

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

EDITAR: He replicado su código en mi máquina y encontré los posibles errores:

Esta gema selecciona la fecha en un campo de texto, no en una selección de date-select . La entrada debe ser text_field y se ve así:

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

Como se describe en la guía de instalación de la gema, debe asegurarse de require tanto en su application.css como en application.js . Una cosa más importante: en sus projects.js.coffee asegúrese de que el DOM esté cargado, así:

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