Mettez simplement, est-il un moyen d'avoir FullCalendar Faites défiler jusqu'à la position actuelle de la semaine?
Si cela aide, j'utilise Ruby sur Rails et JQuery
7 Réponses :
Voulez-vous que vous souhaitiez que le calendrier affiche, s'est automatiquement centré sur l'heure actuelle de la journée (du temps de rendu)?
En supposant que vous êtes heureux que les colonnes de jour soient toujours au même endroit, il y a toujours le même endroit où il y a toujours le même endroit où il y a toujours le même endroit. Code> FIRSTHOUR Option dans la vue Agendaweek qui pourrait fonctionner pour vous.
Pour illustration, supposons que le nombre d'heures sur les y-axix dans votre La vue est 10 alors quelque chose comme: Plus de détails sur la vue Les commandes sont disponibles ICI
Absolument ce que je voulais! Je ne sais pas comment j'ai négligé ça, merci :)
J'ai eu un problème similaire et résolu avec cette solution ...
setTimeout(function(){ // Timeout
$(".fc-today").attr("id","scrollTo"); // Set an ID for the current day..
$("html, body").animate({
scrollTop: $("#scrollTo").offset().top // Scroll to this ID
}, 2000);
}, 500);
On V2 Ceci a changé, voici comment le faire dans cette nouvelle version:
$('#calendar').fullCalendar({
defaultView: 'agendaWeek',
scrollTime: '09:00:00'
});
C'est ce que j'ai utilisé pour faire défiler jusqu'à l'heure actuelle dans la vue: pour ux but, i arrondi à l'heure la plus proche que l'utilisateur peut donc Voir clairement où (quand) la vue du calendrier est la suivante: vérifier le FullCalendar Scrolltime TimeLTime paramètre.
Si vous devez définir des options de manière dynamique (une fois qu'un calendrier a déjà été initialisé)
Ensuite, la bonne façon de le faire est d'utiliser Ce lien
Veuillez noter que cela ne fonctionne pas, le temps de défilement ne peut pas encore être défini de manière dynamique; Github.com/fullcalendar/fullcalendar/issues/467
pour FullCalendar@ °4.3.0 J'ai utilisé ScrollTotime fonction avec la gamme de rendu du calendrier:
var calendarEl = document.getElementById('scheduler');
var calendar = new FullCalendar.Calendar(calendarEl, { ... })
var now = new Date();
var rangeStart = calendar.state.dateProfile.renderRange.start;
// attention here
calendar.scrollToTime(now - rangeStart);