10
votes

JQuery FullCalendar - Comment réduire la taille du calendrier

J'utilise JQuery FullCalendar dans mon application. Je veux afficher le calendrier uniquement sur le côté droit de mon écran, mais je ne sais pas comment réduire la taille du calendrier. À l'heure actuelle, il affiche plein écran


1 commentaires

6 Réponses :


17
votes

Il suffit de le coller dans une div avec une largeur spécifiée selon la page d'accueil pour FullCalendar

#container {
    width: 810px;
}


0 commentaires

1
votes

Réduire le rapport de format du calendrier complet


0 commentaires

0
votes

Dans ma barre latérale de l'application, j'ai simplement utilisé comme ça.

Votre html

< / Code>

Vous pouvez écrire CSS comme ceci. xxx

alter largeur dans la plage de pixels, combien vous avez besoin. J'utilise aussi comme ça. Cela fonctionne parfaitement.


0 commentaires

0
votes

Essayez xxx


1 commentaires

Merci d'avoir posté une réponse à cette question! Cette réponse est très courte et ne fournit pas beaucoup de contexte. Veuillez expliquer une partie du raisonnement derrière cela, et cela deviendra beaucoup plus utile pour les adresseurs et les futurs lecteurs. Merci!



0
votes

Vous pouvez utiliser un conteneur div pour contrôler la largeur et la hauteur.

Vous pouvez contrôler uniquement les hauts du calendrier en ajoutant P>

> $('#calendar').fullCalendar({
>     height: 650 
> });


0 commentaires

3
votes

Ajoutez une propriété dans le domaine JSON que nous passons dans la méthode Fullcalender.

$('#calendar').fullCalendar({

    height: 650
})


0 commentaires