2012-07-20 26 views
6

Quiero ajustarlo a mis necesidades para llenar el calendario con eventos y tener su mesview modificada en algo así como el calendario en un iPhone (células grandes que son de color cuando tienen eventos).Modificar FullCalendar en una versión móvil

Si modifico la clase css .fc-day-number, probablemente aumentaré los números del día. El verdadero problema para mí es comprender el guión para poder eliminar las barras de eventos y agregarlas como colores de fondo de las celdas diurnas. (Controlado sobre la opción de color del evento)

Si hace clic en un día, creará una lista de eventos en el calendario para hacer clic y editarlos o agregar nuevos eventos y un montón de cosas que interactúan con el base de datos.

Si alguien está interesado yo sería feliz si él/ella me pone una mano ;-)

EDIT:

escribí que quería añadir los eventos como color de fondo a los días. Así que traté de entender el código de arshaw y cómo él agrega el evento a la vista mensual del calendario.

En la fila 4590 en la función daySegHTML(segs), escribe los datos del evento div/html pero sin la altura, solo el ancho y la posición horizontal.

Lo hace en la fila 4842 en la función daySegSetTops(segs, rowTops) donde seg.top es la parte superior de la daycell, rowTops[seg.row] es la parte superior de la calandra y div seg.row es el weekrow (0 a 5).

Con seg.start.getDay() por daySegHTML() obtiene la celda diurna en una fila de la semana. Lo usé para obtener el nombre de clase en el elemento tr para agregar el evento.

Respuesta

3

Echa un vistazo a esto. ¡Es una versión optimizada para dispositivos móviles! https://github.com/JordanReiter/fullcalendar-mobile

+0

No puedo ver lo que ha cambiado allí ... no es lo que quiero hacer. Las barras de eventos son realmente inconvenientes en un iPhone. Como dije, quiero un iPhone como Calendario, donde el día es fácil de elegir y entrar en una vista de día. – LightMonk

+0

¿Tiene una demostración de cómo se ve esto con su versión para dispositivos móviles? –

Cuestiones relacionadas