Делаете fullcalendar прокручивать до текущего времени?

Question

Проще говоря, есть ли способ прокрутить полный календарь до текущей позиции времени в представлении недели?

Если это поможет, я использую Ruby on Rails и jQuery

Answer 1

Вы имеете в виду, что вы хотите, чтобы календарь отображался автоматически с центром вокруг текущего времени дня (времени рендеринга)?

Предполагая, что вы счастливы, что столбцы дня всегда находятся в одном и том же местеэто опция firstHour в представлении agendaWeek, которая может работать для вас.

Для иллюстрации, давайте предположим, что количество часов на оси Y в вашем представлении равно 10, тогда что-то вроде:

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

Более подробная информация по элементам управления представления доступна здесь

Answer 2

Это то, что я использовал для прокрутки до текущего времени в представлении:

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

Для целей UX, Я округлился до ближайшего часа , чтобы пользователь мог ясно видеть, где(когда) представление календаря:

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

Проверьте параметр fullCalendar scrollTime.

Answer 3

На v2 это изменилось, вот как это сделать в этой новой версии:

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

Answer 4

Если вам нужно установить параметры динамически (после того, как календарь уже был инициализирован), то правильный способ сделать это - использовать эту ссылку

var scrollTime = '10:00:00'; //replace this any time you need
$('#calendar').fullCalendar('option', 'scrollTime', scrollTime);

Answer 5

У меня была похожая проблема, и я решил ее с помощью этого решения ...

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 6

Используйте функцию сегодня :

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