質問: Webアプリケーション制作の勉強中です。 カレンダーからマウス操作で日付を選択するようにしたくてDatepickerを導入しました。 最初に作ったページは下のように「開始日」をクリックすると思った通りの表示になります。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/5fc635c1276ef9baf674c57afc3d7a04.png) 別のページで生年月日の入力にドロップダウン表示されるようにしたところ、機能は正常に動くのですが 下のように表示が乱れてしまいます。 参考書にはDatepickerを日本語で使用する場合、年と月を選択するドロップダウンリストの表示が乱れるためscssファイルを新規に 作成してくださいとありましたので以下のように作りました。(参考書の記述をコピーしました) ``` app/assets/stylesheets/shared/datepicker.css.scss .ui-datepicker select.ui-datepicker-year { width: 80px; } .ui-datepicker select.ui-datepicker-month { width: 80px; } ``` ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/464619cdf189b83f117e17f262314804.png) 試しに上記のscssファイルを削除して同じ操作をしても同じ状況になりました。作ったscssファイルが何も利いていないみたいです。 参考書に書いてある追加gemは gem 'jquery-ui-rails', '~> 4.2.1' に対して 、 gem 'jquery-ui-rails' とバージョンを指定しないでいれました。 なので現在のバージョンは6.0.1になっています。 バージョンの違いでscssファイルのコードの記述を変えないといけないのでしょうか?初心者なのでどう記述すればいいのかわかりません。 どなたか教えていただけませんでしょうか?宜しくお願いします。 追記:いろいろ試したところ上記scssは動いていました。
回答: app/assets/stylesheets/staff.cssに*= require jquery-ui/datepickerを記述し解決しました。