2011-09-14 19 views
11

Necesito mostrar un título de encabezado personalizado en el calendario. Estoy manejando 16 calendarios y necesito que cada uno de ellos muestre su propio título. He intentado todo lo que podía modificar esta parte del código:Título de encabezado personalizado de FullCalendar

firstDay: <?php echo $iFirstDay; ?>, 
header: { 
    left: 'prev,next today', 
    center: 'title', 
    right: 'month,agendaWeek,agendaDay' 
}, 

Pero cada vez que edite el center añadir algo más aparte de la title mi calendario no muestra ningún título en absoluto. ¿Que debería hacer?

+0

¿Podrías por favor molestarte en agregar una etiqueta tecnológica en tu pregunta? –

Respuesta

10

No cambia el atributo center. Eso solo especifica qué se coloca en el centro del encabezado.

Si desea cambiar el contenido del título en sí, debe cambiar el titleFormat.

firstDay: <?php echo $iFirstDay; ?>, 
header: { 
    left: 'prev,next today', 
    center: 'title', 
    right: 'month,agendaWeek,agendaDay' 
}, 
titleFormat: '\'Hello, World!\'', 

titleFormat utiliza un formato de fecha como el valor, por lo que si desea mostrar texto literal, es necesario envolverlo entre comillas simples, pero sólo recuerda a escapar de ellos.

+1

Tengo un seleccionar en la parte superior del calendario, por lo que los eventos cambiarán cuando seleccione una opción diferente. Lo hago con $ ('# calendar'). FullCalendar ('addEventSource', urlEvents); ¿Hay alguna manera de cambiar el título de forma dinámica? – cwhisperer

27

Si está usando fullCalender v2 tendrá que escapar de la cadena poniéndolas entre paréntesis. Esto se debe a la biblioteca moment.js (see the moment doc).

Así que sería

firstDay: <?php echo $iFirstDay; ?>, 
header: { 
    left: 'prev,next today', 
    center: 'title', 
    right: 'month,agendaWeek,agendaDay' 
}, 
titleFormat: '[Hello, World!]', 
0

que sólo puedan perforar el nombre antes de que el calendario se rindió, o incluso en la parte superior de la página:

<?php 
echo "<center><h1>$fullname</h1></center>"; 
?> 

feo, pero funciona.

Cuestiones relacionadas