経緯

railsでフォームを実装する際にtime_fieldを使って営業時間を登録しようとしたがバリデーションがうまくいかず苦戦したため、記録として残しておく。

解決方法

自分がハマった順序を残しておくため３段回に分けて記述をしていく。
1.オプションなしで時間選択ボックスを生成する

    <div class="time-field">
      <%= f.time_select :open_time %> 〜
      <%= f.time_select :close_time %>
    </div>

現在の時刻がそのまま表示されるため、設定を忘れていたとしてもバリデーションは通過してしまう。

２. オプションとしてprompt: trueを加える

    <div class="time-field">
      <%= f.time_select :open_time, prompt: true %> 〜
      <%= f.time_select :close_time, prompt: true %>
    </div>

これで時刻を選択をしていなければバリデーションで弾かれてエラーが表示されるはず！と思ったが、エラー表示はされない。

３. ignore_date: true を加える

時間を指定していないはずなのにバリデーションでなぜ弾かれないのかというと年月日の情報も送られているためである。createアクションを実行した時のパラメーターを確認すると以下のようになっている

コンソール

"open_time(1i)"=>"1", "open_time(2i)"=>"1", "open_time(3i)"=>"1", "open_time(4i)"=>"", "open_time(5i)"=>""

前半の"open_time(1i)"=>"1", "open_time(2i)"=>"1", "open_time(3i)"=>"1"が年、月、日のデータで、入力していない場合は"1"という値が入って送られてしまうため、バリデーションは通過できてしまう

この事態を回避するためにignore_dateオプションをつける
ignore_date: trueとすることで未入力の場合は送信されず、時刻のみで判定をしてくれる。

コンソール

"open_time(4i)"=>"", "open_time(5i)"=>"", "close_time(4i)"=>"", "close_time(5i)"=>""

年月日の部分はパラメータに含まれずに無事エラーメッセージを表示することができた。

参考

https://hellhellmymy.hatenablog.com/entry/2019/09/29/223203
https://railsdoc.com/page/time_select