时间戳

首页 > 解决方案 > 引导 rails collection_select 和 date_select

ruby-on-rails - 引导 rails collection_select 和 date_select

问题描述

在我的 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 语法有效，但我想自定义生成的单个标签..

有什么建议么？

标签： ruby-on-railstwitter-bootstrap

解决方案

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

通常collection_select 用于多项选择，这就是使用数组executive_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>

对于日期助手，您可以在此处查看以供参考，以便您可以自定义它

推荐阅读