FullCalendar.js: Rendering di sfondo con etichette temporali?

Question

Sto iniziando a utilizzare Fullcalendar e adoro il docs. Tuttavia, sono bloccato con il seguente problema:

Sfondo di rendering con etichette temporali?

Ho un utente che specifica i suoi orari disponibili, e un altro utente che può fare una selezione di quei tempi stabiliti. Per consentire selection, è necessario impostare rendering: 'background' nell'array degli eventi, altrimenti l'evento principale sta bloccando l'inserto evento. Ma quando si utilizza il rendering in background le etichette di tempo scompaiono:

Così come posso dire Fullcalendar continuare a visualizzare le etichette di tempo, anche in background modalità di rendering?

Sarei felice se qualcuno potesse darmi una mano.

Answer 1

L'aggiunta di etichette del tempo agli eventi in background non viene "pronta all'uso", ma è abbastanza facile da fare con il callback eventRender.

eventRender: function(event, element, view){ 
    if(event.rendering === "background"){ 
     // Just add some text or html to the event element. 
     element.append(event.start.format('HH:mm') + " - " + 
         event.end.format('HH:mm')); 
    } 
}, 

È possibile aggiungere uno o due span se si desidera una formattazione migliore.

Ecco un JSFiddle con esso di lavoro (utilizzando lo stesso codice di base come il vostro other question)