将fullcalendar滚动到当前时间?

amr*_*amr 9 javascript jquery ruby-on-rails fullcalendar

简单地说,有没有办法让fullcalendar滚动到周视图中的当前时间位置?

如果它有帮助,我正在使用Ruby on Rails和jQuery

bjg*_*bjg 10

你的意思是你想要显示日历,自动以当前时间(渲染时间)为中心?

假设您很高兴日期列始终位于同一位置,则视图中的firstHour选项agendaWeek可能对您有用.

为了说明,我们假设给定视图中Y轴上的小时数是10,那么类似于:

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

在视图控件的更多细节,请点击这里


Gab*_*enn 9

这是我用来滚动到视图中的当前时间:

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

出于UX目的,我向下舍入到最近的小时,以便用户可以清楚地看到日历视图的位置(何时):

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

检查fullCalendar scrollTime参数.


小智 7

在v2上已经改变了,这是在这个新版本中如何做到这一点:

$('#calendar').fullCalendar({
    defaultView: 'agendaWeek',
    scrollTime: '09:00:00'
});
Run Code Online (Sandbox Code Playgroud)