2010-11-18 152 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