質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

2168閲覧

datepickerのカレンダーサイズを大きくしたい

smty

総合スコア33

Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2018/05/09 11:09

railsで開発のアプリでjqueryのdatepickerを使ってカレンダーを表示しています。
その際のカレンダーのサイズを大きくしたいのですがよくわかりませんでした。
やったこと

  • フォントサイズを大きくする
  • <head>内で直接.ui-datepickerを上書きする

上記をやっても特に何も変わりませんでした。

jquery-ui-datepicker自体はCDNで使っています。

よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2018/05/09 12:59 編集

自身がやってみたことのソースコードを質問本文に追記してください。参考にした記事などがあればそのURLなどもお願いします。「カレンダーのサイズを大きくしたい」というところをもう少し具体的に記載してください。
guest

回答1

0

自己解決

すみません。解決しました。
と言うのも勘違いというか、わからないまま進めていたのでうまく出来ませんでした。
まず私が検索して確認した情報が古かったのかわかりませんが、
・.ui-datepickerクラスが適用されていたと思い混んでいたのでui-datepickerクラスを上書きしようとしてましたがそもそものクラス名が違ったので変更することが出来ませんでした。
・ブラウザのデベロッパーツールでスタイルの確認をしたかったのですが、datepickerのカレンダーを表示して適用されているクラスなどを確認しようとすると、カレンダーが閉じられるので確認の方法がわかりませんでした。
※chromeの場合、windows"F8"、Mac"fn+F8"で強制的にクリックイベントを発生させずに止められます。
カレンダーが閉じられない状態でクラスの確認をすると今は確認ができませんが、〇〇〇〇datepickerクラスと言う別のクラス名だったのでそのクラス名を上書きしてあげると変更ができました。
railsでjqueryのdatepickerだとクラス名が違うのか、バージョンが違うのかわかりませんが。。。

もう少しあたりの付け方をや何をすれば解決方法が早いのかを考えてやらなければいけないなと思いました。

投稿2018/05/09 15:29

smty

総合スコア33

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問