Dokonywanie pełnoekranowego przewijania do aktualnego czasu?

Question

Mówiąc krótko, czy istnieje sposób, aby fullcalendar przewijał do aktualnej pozycji czasu w widoku tygodnia?

Jeśli to nie pomaga, używam Ruby on Rails i jQuery

Answer 1

Czy to znaczy, że chcesz kalendarzu, aby wyświetlić automatycznie wokół prądu pora dnia (czasu renderowania)?

Zakładając, że jesteś szczęśliwy, że kolumny dni są zawsze w tym samym miejscu, dostępna jest opcja firstHour w widoku agendaWeek, która może działać.

Dla przykładu, załóżmy, że liczba godzin na Y-axix w Twoim danym widzenia jest 10 potem coś jak:

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

Więcej szczegółów na widok kontroli są dostępne here

Answer 2

Użyj today function:

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

Answer 3

miałem podobny problem i rozwiązać go z tego rozwiązania ...

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

na v2 to się zmieniło, oto jak to zrobić w tej nowej wersji:

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

Answer 5

To, co służy do przewijania do chwili obecnej w widoku:

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

Dla UX celu I zaokrągleniu w dół do najbliższej godziny więc użytkownik może wyraźnie zobaczyć, gdzie (po) widok kalendarzowy jest:

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

Sprawdź parametr fullCalendar scrollTime.