2010-11-18 16 views
4

J'utilise jquery-ui datepicker pour afficher plusieurs mois.Jquery datepicker 2 mois afficher

La fenêtre contextuelle affiche ces mois 1 sous l'autre, est-il possible d'afficher le mois suivant à la place?

+0

Incluez-vous le fichier CSS? Les divs pour les mois devraient avoir float: left set. – robbrit

+0

merci pour l'aide !! – Eric

Répondre

19

Je travaille avec cela à l'Datepicker en ce moment :) Alors, eh bien, d'après la documentation jQuery dataPicker:

numberOfMonths

Number, Array 
Default:1 

Définir combien de mois pour montrer à la fois. La valeur peut être un nombre entier, ou peut être un tableau à deux éléments à définir le nombre de lignes et de colonnes à afficher. Exemples de code

Initialise un outil de type datepicker avec l'option numberOfMonths spécifiée.

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

obtenir ou définir l'option NUMBEROFMONTHS, après initialisation.

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

Afin fas que je tentais si vous écrivez

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

il apparaît 2 mois, l'un à côté de l'autre, dans une rangée, à l'horizontale. Et dans le cas où vous souhaitez les afficher verticalement, dans une colonne, vous devez écrire

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

est ici très simple jQuery Datepicker avec multiple months display option:

Demo

Source ci-dessous:

Source