2010-11-18 13 views
4

私は複数の月を表示するためにjquery-ui datepickerを使用しています。Jquery datepicker 2 monthsの表示

ポップアップでは、これらの月が1つ下に表示されます。代わりに、次の月を右に表示する方法はありますか?

+0

CSSファイルを含めていますか?月のdivは浮動小数点数を持つ必要があります:left set。 – robbrit

+0

助けてくれてありがとう! – Eric

答えて

19

私は、よく、jQueryのdataPickerのマニュアルに従って:)今日付ピッカーでこれを働いている:一度に表示する方法を何ヶ月

numberOfMonths

Number, Array 
Default:1 

セット。 値は、直線の整数 にすることも、 に2要素の配列にすることもできます。 を表示するには、行と列の数を定義します。コード例

numberOfMonthsオプションを指定してdatepickerを初期化します。

$(".selector").datepicker({ numberOfMonths: [2, 3] }); 

、初期化後の をNUMBEROFMONTHSオプションを取得または設定します。だから私はあなたが

$(".selector").datepicker({ numberOfMonths: 2 }); 

を書くならば、それは水平に2ヶ月、行の他の側面ずつ、表示されますしようとしたとして、FASとして

//getter 
var numberOfMonths = $(".selector").datepicker("option", "numberOfMonths"); 
//setter 
$(".selector").datepicker("option", "numberOfMonths", [2, 3]); 

。そして、あなたは垂直方向にそれらを表示したい場合は、列にあなたはここで

$(".selector").datepicker({ numberOfMonths: [2, 1] }); 
1

を記述する必要があり、非常に単純なmultiple months display optionjQuery Datepickerある:以下

Demo

出典:

Source