将引导类添加到rails形成time_select字段

时间:2016-05-20 18:01:57

标签: ruby-on-rails forms twitter-bootstrap

Bootstrap具有“form-control”类,可以添加到选择框以为其设置样式。我能够成功地完成以下任务:

 <%= f.collection_select :team_a_id, @teams, :id, :name, {prompt: "Select first team"}, {class: "form-control"} %>

但是我有time_select的以下表单字段。我需要将html类(最好是“表单控件”)应用于以下表单字段,并且使用上述相同方法未成功执行此操作。

 <%= f.time_select :match_time, prompt: {hour: 'Choose hour', minute: 'Choose minute'}, minute_step: 15 %>

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:5)

html_options是第三个参数,如docs

中所述
time_select(method, options = {}, html_options = {})

所以这样的事情应该有效:

 <%= f.time_select :method, { prompt: {hour: 'Choose hour', minute: 'Choose minute'}, minute_step: 15 }, { class: 'form-control' } %>

答案 1 :(得分:1)

来自DOCs

time_select(object_name, method, options = {}, html_options = {})

可能你看起来像这样:

<%= f.time_select :match_time, '', {prompt: {hour: 'Choose hour', minute: 'Choose minute'}, minute_step: 15}, class: "form-control" %>