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