引导 rails collection_select 和 date_select

【问题标题】：bootstrapping rails collection_select and date_select引导 rails collection_select 和 date_select
【发布时间】：2019-02-14 19:39:37
【问题描述】：

在我的 Rails 应用程序中，我在表单上有一个 collection_select 和 date_select，但找不到任何关于如何添加引导类来自定义字段的信息。

<div class="field form-group">
  <%= form.label :exercise_id %>
  <%= form.collection_select(:exercise_id, Exercise.all, :id, :name, prompt: true, {}, {:class => 'form-control'}) %>
</div>

<div class="field form-group">
  <%= form.label "Date" %>
  <%= form.date_select :activitydate, {}, {:class => 'form-control'} %>
</div>

由于 collection_select 语法，我得到一个错误。 date_select 语法有效，但我想自定义生成的各个标签..

有什么建议吗？

【问题讨论】：

Tiago，能否请您输入您正在尝试处理的具体代码，以便您能够获得高质量的答案？
问题已编辑添加代码。谢谢

标签： ruby-on-rails twitter-bootstrap

【解决方案1】：

以下是带有导轨的引导程序 4 的示例代码，如果您使用引导程序 3，只需将 col-form-label 更改为 form-label

通常collection_select用于多项选择，这就是使用array exercise_ids和multiple: true的原因，如下所示

<div class="row form-group">
  <%= form.label "Choose Exercises", :class => 'col-form-label col-sm-4' %>
  <div class="col-sm-6">
    <%= form.collection_select :exercise_ids, Exercise.all, :id, :name, {}, { multiple: true, class: 'form-control' } %>
  </div>  
</div>

如果您打算选择一项练习，那么（个人建议）使用 select

<div class="row form-group">
  <%= form.label "Choose Exercises", :class => 'col-form-label col-sm-4' %>
  <div class="col-sm-6">
    <%= f.select :exercise_id, Exercise.all, { include_blank: true } , { class:  'form-control' }  %>
  </div>  
</div>

日期助手你可以check here for reference所以你可以自定义它

【讨论】：