異なるサイズのdatepickerインスタンスを取得するにはどうすればよいですか？

Question

メインページにdatepickerが設定されていて、今は他のものの設定をしたいと思っています。問題は、メインページで使用しているものよりも小さくする必要があることです。 datepickerの異なるインスタンスに異なるサイズを割り当てる方法はありますか？

Answer 1

jQueryUIは、すべてのウィジェットをスタイルするためにCSSを使用します。これらのウィジェットは通常、テーマとしてCSSファイルに保存されます。あなたが使っているテーマによっては、それは可能かもしれないし、そうでないかもしれません。

テーマはあなたがwidthとfont-sizeのための用途emsまたは%を使用している場合は、簡単にその子のすべての外観を変更するであろう新しいスタイルを作成することができます。例えば

：あなたは純粋なJavascriptのソリューションや日付ピッカーのウィジェットに渡すオプションを探しているなら

.someClassNotOnTheMainPage .datepicker { 
    font-size:.75em; 
    ... 
} 

、残念ながら、1がありません。

Answer 2

別のcssをデフォルトのjQueryUIテーマよりもデザインして読み込むことができます。カレンダーのテーマは通常have the same sizeですが、この機能を必要に応じてパーソナライズすることもできます。