Estoy trabajando en un calendario completo en una página web. Actualmente, el diseño de cada bloque de días es:

Time
Title
Description

Pero me gustaría que el título fuera primero y luego el tiempo. Pero no puedo encontrar ningún lugar donde pueda hacer este cambio en el código.

$(document).ready(function() {
    $("#cal").fullCalendar({
        header: {
            left: 'prev,next',
            right: 'month,agendaDay'
        },
        aspectRatio: 2,
        editable: false,
        timeFormat: 'h:mmt{-h:mmt}',
        eventTextColor: 'black',
        eventBackgroundColor: '#FFFF77',
        allDayDefault: false,
        eventSources: [{
            url: 'path/to/fullcalendar',
            color: 'green',
            textColor: 'black'
            }],
        eventRender: function(event, element) {
            element.find('.fc-event-title').html(event.title + "<br/>" + event.description).text();
        }
    });
});

Entonces, ¿alguien puede ayudarme a averiguar dónde debo modificar para hacer el cambio para intercambiar título y hora?
Gracias

0
Allan Jiang 19 ene. 2012 a las 01:29
Es parte de la aplicación Java, así que asumí que alguien que trabajaba en Java puede tener experiencia con él.
 – 
Allan Jiang
19 ene. 2012 a las 01:40
Formatee el código para que se ajuste a la pantalla sin desplazarse demasiado.
 – 
Has QUIT--Anony-Mousse
19 ene. 2012 a las 01:42
1
Además, parece que usa alguna aplicación existente, pero sin decirnos qué está usando, nadie podrá ayudarlo, ya que no sabemos cuál es la función fullCalendar.
 – 
Has QUIT--Anony-Mousse
19 ene. 2012 a las 01:43
No hay código Java involucrado aquí, y no todos los programas Java utilizan interfaces web. La etiqueta de Java es engañosa y incorrecta.
 – 
Paul Tomblin
19 ene. 2012 a las 01:45
Supongo que está usando la extensión jQuery fullcalendar. Entonces es javascript, no java,
 – 
Lincoln
19 ene. 2012 a las 01:47

1 respuesta

La mejor respuesta

Dentro de eventRender necesitas modificar el diseño del elemento para que llegue el momento después del título. Algo como esto:

eventRender : function(event, element) {
  var time = element.find('.fc-event-time').detach();
  element.find('.fc-event-title').after(time);
  ... any other code here ...
}
3
patrickmcgraw 19 ene. 2012 a las 01:51
Hola @patrickmcgraw Gracias por la sugerencia. Funciona. Sin embargo, descubrí que la salida estaba un poco cableada después de hacer esto. en la salida, el título va seguido de una cadena "[Object object]" ... ¿tienes alguna idea de lo que está pasando con eso? Gracias
 – 
Allan Jiang
19 ene. 2012 a las 02:43
Si inspecciona el HTML, ¿dónde está la cadena [Objeto objeto]?
 – 
patrickmcgraw
19 ene. 2012 a las 02:48
La cadena se asocia con el título. aquí está mi código por cierto eventRender : function(event,element) { time = element.find('.fc-event-time').detach(); element.find('.fc-event-title').after(time); element.find('.fc-event-title').html(event.title +"<br/>"+ time +"<br/>"+ event.description).text(); }
 – 
Allan Jiang
19 ene. 2012 a las 02:58
Ah, lo entiendo. Cámbielo a esto. eventRender : function(event,element) { time = element.find('.fc-event-time').detach(); element.find('.fc-event-title').after(time); element.append("<div>" + event.description + "</div>"); }
 – 
patrickmcgraw
19 ene. 2012 a las 03:03