uxsolutions example bootstrap ruby-on-rails ruby-on-rails-3 forms twitter-bootstrap datepicker

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



bootstrap datepicker sandbox (1)

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


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()