2010-07-23 13 views

Respuesta

10

¿Quiere decir que desea que el calendario para visualizar, centrada automáticamente alrededor de la corriente hora del día (del tiempo de renderizado)?

Suponiendo que esté satisfecho de que las columnas del día estén siempre en el mismo lugar, existe la opción firstHour en la vista agendaWeek que podría funcionar para usted.

Por ejemplo, vamos a suponer que el número de horas en el Y-axix en su opinión dada es 10, entonces algo así como:

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

Más detalles sobre controles de vista están disponibles here

+0

¡Absolutamente lo que yo quería! No sé cómo lo pasé por alto, gracias :) – amr

1

que tenía un problema similar y lo resolvió con esta solución ...

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);  
7

en v2 esto ha cambiado, aquí es cómo hacerlo en esta nueva versión:

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

Esto es lo que solía desplazarse a la hora actual en la vista:

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

con fines UX, Doblé a la hora más cercana lo que el usuario puede ver claramente que (cuando) es la vista del calendario:

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

Comprobar el parámetro fullCalendar scrollTime.

Cuestiones relacionadas