Rails カレンダーで期間検索する
投稿されたものをユーザーが期間で検索することができる機能を付ける際、スマホユーザーさんが日付を手入力するのはめんどくさい。そこでカレンダーで選べるようにするためにやったことメモ。
当然、こういう機能はどのアプリケーションにもつけていらっしゃると思うが、意外に大変だったので、実装時に参考にしたことを一緒にのっけます。
fontawesomeを使用し最終的には下記のように導入しました。
最初にぶち当たったのが、fontawesomeが反映しなかったこと。
カレンダーは開くけど、まず、ボタン部分のカレンダーマークがなかった。上記カレンダー内にあるような「←」や「→」や「🕐」のマークが最初、出てこなかった。
そこで、いったんfontawesomeをあきらめ、image_tagで下記のイラストを、カレンダー埋込んでみた。
これはこれでいいなとは思ったのですが、やはりもう少しfontawesomeをいろいろ調べてみようと思いなおしサイト検索。
fontawesomeについて記述されている部分があったので試してみた。
しかし、bundle installでエラー。`gem install sassc -v '2.2.1' が必要とのこと。
このエラーを調べてみると下記のサイトを発見!僕のローカルがCentOS 6系であることが原因の様子。それでこのサイトの方と同じようにCDNで実装することに。
application.html.erbのhead内にfontawesomeのkitsを入れるとうまくいった。
そうするとOK!できた! 最初の画像のように実装は完了。
次に日付に関して出る可能性のあるエラーを考察
こちらもチェック
上記を参考にしながら自分のアプリケーションを修正し完了!
カレンダーで期間検索の実装ができました。
version Rails 5.1.6