time_selectの表示がうまくいきません

Question

現在、時間の入力フォームを作成しております。
機能としては、@userに紐付く@attendances(勤務）を入力させ、保存するといった内容です。
time_filedでフォームのコードを書くとbootstrap調で表示されるのですが、
time_selectにするとbootstrapが効いていないようなフォームになってしまいます。
time_selectではこの様な方法しかないのでしょうか。
お手数おかけ致しますが、方法を教えていただけないでしょか？

下記に、time_filedとtime_selectのコード、ブラウザの画像を添付させて頂きます。

＊出社＊

<%= attendance.time_field :started_at, class: "form-control" %>

＊退社＊

<%= attendance.time_select :finished_at, class: "form-control" %>

Answer 1

time_select(method, options = {}, html_options = {})
参考：https://api.rubyonrails.org/classes/ActionView/Helpers/FormBuilder.html#method-i-time_select

ドキュメントのとおりに設定すると下記のような形になるかと思います。

<%= attendance.time_select :finished_at, '', {class: "form-control"} %>

---

尚、classをfrom-controlにするとwidthが100%になるようなのでそこは適宜変更してみてください。

参考：https://qiita.com/t_oginogin/items/519fb52e1708e26a8b73

Comments

[RThe]

大変わかりやすくご記載頂き、ありがとうございます。添付して頂いたテキストも拝見させて頂きます。
お忙しい中、お答え頂き、ありがとうございました。