2010-11-18 2 views
4

Я использую jquery-ui datepicker для отображения нескольких месяцев.Jquery datepicker 2 months display

Всплывающее окно отображает эти месяцы 1 под другим, есть ли способ, чтобы следующий месяц отображался справа вместо этого?

+0

Вы включаете файл CSS? Дивы за месяцы должны иметь float: left set. – robbrit

+0

спасибо за помощь !! – Eric

ответ

19

Я работаю с этим в Datepicker прямо сейчас :) Так, ну, в соответствии с 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]); 

Итак, как фас, как я пытался, если вы пишете

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

он появляется 2-х месяцев, один за боковой другой, в ряд, по горизонтали. И в случае, если вы хотите, чтобы отобразить их в вертикальном положении, в колонке вы должны написать

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

Вот очень простой jQuery Datepicker с multiple months display option:

Demo

Источник ниже:

Source