L'ajout de bootstrap-datepicker-rails à date_select en forme
Donc, j'ai un formulaire qui utilise la date sélectionnez', ce qui rend trois boîtes par date-sélectionnez (année, mois et jour).
Au lieu de cela je veux utiliser datepicker, et j'ai suivi les instructions ici. Cependant, je n'ai pas la moindre idée de comment mettre en œuvre effectivement le datepicker dans le formulaire dans la vue.
Je suis en utilisant la ligne suivante dans application.js...
$('.datepicker').datepicker()
...donc je suppose que j'ai besoin de donner l'sélectionnez les boîtes de la classe .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 %>
- Toujours rien pour date_field?
Vous devez vous connecter pour publier un commentaire.
Essayer :
EDIT: j'ai répliqué votre code sur ma machine et a trouvé les erreurs possibles:
Ce joyau sélectionne la date dans un champ de texte, pas dans un
date-select
. L'entrée devrait êtretext_field
et il ressemble à ceci:Comme décrit dans le joyau du guide d'installation , assurez-vous que vous
require
à la fois dans votreapplication.css
etapplication.js
. Une chose plus importante : dans votreprojects.js.coffee
assurez-vous que le DOM est chargé , comme ceci :require
commandes sont là, et l'enveloppe de votre datepicker appel avec$(function() { ... });