Faire défiler fullcalendar à l'heure actuelle?

Question

En termes simples, existe-t-il un moyen de faire défiler fullcalendar vers la position temporelle actuelle dans la vue hebdomadaire?

Si cela peut aider, j'utilise Ruby on Rails et jQuery

Answer 1

Voulez-vous dire que vous voulez que le calendrier pour afficher, centré automatiquement autour du courant heure du jour (du temps de rendu)?

En supposant que vous êtes heureux que les colonnes de jour soient toujours au même endroit, il existe l'option firstHour dans la vue agendaWeek qui pourrait fonctionner pour vous.

Pour illustration, supposons que le nombre d'heures sur le Y-AXIX à votre avis donné est 10 alors quelque chose comme:

var firstHour = new Date().getUTCHours() - 5; 
$('#calendar').fullCalendar({ 
    firstHour: firstHour; 
}); 

Plus de détails sur les contrôles d'affichage sont disponibles here

Answer 2

Utilisez le today function:

$('#calendar').fullCalendar('today');

Answer 3

j'avais 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);  

Answer 4

sur v2 cela a changé, voici comment le faire dans cette nouvelle version:

$('#calendar').fullCalendar({ 
    defaultView: 'agendaWeek', 
    scrollTime: '09:00:00' 
}); 

Answer 5

C'est ce que je faisais défiler jusqu'à l'heure actuelle dans la vue:

var scrollTime = moment().format("HH:mm:ss"); 
$('#calendar').fullCalendar({ 
    now: today, 
    scrollTime: scrollTime 
}); 

Pour fin UX, I arrondi à si l'utilisateur peut voir clairement l'heure le plus proche où (quand) l'affichage du calendrier est le suivant:

var scrollTime = moment().format("HH") + ":00:00"; 
$('#calendar').fullCalendar({ 
    now: today, 
    scrollTime: scrollTime 
}); 

Vérifiez le paramètre fullCalendar scrollTime.