2016-05-20 5 views
3

ブートストラップには、スタイリングを行うために選択ボックスに追加するクラス 'form-control'があります。私は次のフィールドのためにそれを正常に行うことができました:railsフォームにブートストラップクラスを追加するtime_selectフィールド

<%= 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 %> 

どのようにこの問題にアプローチしますか? docsで説明したように

答えて

3

html_optionsは、三番目のパラメータである:

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

ので、このようなものが動作するはずです:

<%= f.time_select :method, { prompt: {hour: 'Choose hour', minute: 'Choose minute'}, minute_step: 15 }, { class: 'form-control' } %> 
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" %>

関連する問題