Question

所以，我有一个使用'date-select'的表单，每个使用的日期选择（年，月和日）呈现三个选择框。

相反，我想使用datepicker，我已按照说明here进行操作。但是，我不知道如何在视图中的表单中实际实现datepicker。

我在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' %>

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

此宝石选择文本字段中的日期，而不是date-select中的日期。输入应为text_field，如下所示：

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

如gem的安装指南中所述，您应确保在require和application.css application.js中同时projects.js.coffee。更重要的是：在jQuery -> $('.datepicker').datepicker()中确保加载DOM，如下所示：

{{1}}

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

1 个答案: