FullCalendar auto-hauteur en vue de la semaine

J'ai besoin d'avoir un calendrier de la semaine de la mode qui prendrait toute la largeur il peut prendre et prendre toute la hauteur qu'il doit pas avoir des barres de défilement.

Si j'ai garder les paramètres par défaut height: auto, aspectRation: 1.35, je vois une barre de défilement verticale:
FullCalendar auto-hauteur en vue de la semaine

Si je change aspectRatio à 1, la barre de défilement disparaît, mais je vois un vide inutile, en bas:

FullCalendar auto-hauteur en vue de la semaine

Est-il un moyen de le fixer à l'exception de deviner le aspectRatio (qui n'est pas le cas pour moi en tant que minTime et maxTime sont modifiés dynamiquement si le conent hauteur)?

InformationsquelleAutor SiberianGuy | 2014-10-12
  1. 27

    Edit:

    Fullcalendar v2.1.1

    http://jsfiddle.net/3E8nk/560/

    contentHeight: 'auto',

    Solution pour les anciennes versions?

    Genre de hack:ish. Est-ce de travailler dans votre environnement? J'ai utilisé le code à partir de votre autre question.

    http://jsfiddle.net/3E8nk/558/

    contentHeight: '9999',
    • Essayé. Malheureusement, il ne fonctionne pas pour v2.1.1. Ici vous jsfiddle avec la mise à jour des Ressources Externes: jsfiddle.net/3E8nk/559
    • merci, je ne savais pas. J'ai trouvé une solution qui a été moins hack:ish trop pour la nouvelle fullcalendar version 🙂
    • Merci beaucoup! C'est source de confusion qu'elle n'est pas une option par défaut. J'aurais payé plus d'attention à la documentation...
    • Je suis d'accord, doit être par défaut
    • Semble que "auto", l'option est apparu récemment (v. 2.1.0). Donc je suppose que ce n'est pas par défaut en raison de la compatibilité ascendante
    InformationsquelleAutor Richard Löwenström
  2. 10

    Ajustant dynamiquement la hauteur au lieu de la ratio d'aspect fonctionné pour moi:

    Asigning le calendrier à une variable lors de l'initiation:

    calendar = $('#calendar').fullCalendar({
    height: $(window).height()*0.83,
    ...
});

    Et ensuite le réglage de la hauteur de manière dynamique (après avoir vérifié que le calendrier existe déjà dans l'ordre pour éviter initiale des messages d'erreur):

    if(calendar) {
  $(window).resize(function() {
    var calHeight = $(window).height()*0.83;
    $('#calendar').fullCalendar('option', 'height', calHeight);
  });
};

    Le facteur *0.83 dépend de votre conception de page.

    Espère que cette aide.
    FullCalendar auto-hauteur en vue de la semaine

    FullCalendar auto-hauteur en vue de la semaine

    • Ce travail est pour moi
    • 0.635 comme le facteur travaillé parfait pour moi
    InformationsquelleAutor Juergen Fink