2010-11-18 147 views
4

我正在使用jquery-ui datepicker顯示多個月。jquery datepicker 2個月顯示

彈出窗口顯示這些月份1在另一個下面,有沒有辦法讓下一個月顯示在右邊?

+0

您是否包含CSS文件?幾個月的div應該有float:left set。 – robbrit 2010-11-18 16:35:20

+0

感謝您的幫助! – Eric 2010-11-18 16:53:46

回答

19

我這個在日期選擇器的工作現在:)所以,那麼,根據jQuery的dataPicker文檔:

numberOfMonths

Number, Array 
Default:1 

設置多少個月一次展示。 該值可以是一個整數, 或者可以是一個兩元素數組, 定義要顯示的行數和列數 。代碼示例

使用指定的 numberOfMonths選項初始化日期選擇器。

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

,獲取或設置選項NUMBEROFMONTHS, 初始化後。

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

因此,作爲FAS,因爲我試過,如果你寫

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

出現2個月,一個由另一側,一排,水平。而在要垂直顯示它們,一列中的情況下,你應該寫

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

這是一個非常簡單的jQuery Datepickermultiple months display option:下面

Demo

來源:

Source