ruby-on-rails - 在表单中将 bootstrap-datepicker-rails 添加到 date_select

Question

所以，我有一个使用“日期选择”的表单，它为每个使用的日期选择(年、月和日)呈现三个选择框。

相反，我想使用 datepicker，并按照说明 here .但是，我不知道如何在 View 中的表单中实际实现日期选择器。

我在 application.js 中使用以下行...

$('.datepicker').datepicker()

...所以我想我需要给选择框类.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

尝试 :

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

编辑:我已经在我的机器上复制了您的代码并发现了可能的错误:

此 gem 在文本字段中选择日期，而不是在 date-select 中选择日期。 .输入应为 text_field它看起来像这样:

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

如 gem 的安装指南中所述，您应该确保 require它都在你的 application.css和 application.js .更重要的一件事:在您的 projects.js.coffee确保 DOM 已加载，如下所示:

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