fullCalendar V2 background events title

Question

Kitapta hangi yuvaların kullanılabileceğini göstermek için fullCalendar V2'deki yeni arka plan olaylarını kullanıyorum ancak arka plan etkinliğinde bir tür başlık göstermek istiyorum. Etkinlikte 'başlık' ayarlanması hiçbir şey göstermiyor.

Bunu yapmak zaten var mı?

Teşekkür

Answer 1

Geçenlerde benzer bir sorun vardı. Çalışma zamanımı yönetmek için kendime basit bir webapp yapıyorum ve fullcalendar kullanmak istedim ve her gün ne kadar çalıştığımı gösterdim. İyi görünmeyen ince dikdörtgen gösteren standart olaylar. Arka plan olayları olduğunu fark ettim, böylece hangi gün çalıştığımı işaretlemek için kullandım. Tüm gün vurgulandığı gibi çok daha iyi görünüyordu. Ama sana benzeyen, bir kaç bilgi, yani günün saatlerini göstermek istedim. Ben de şu çözümle geldim. Gün için iki etkinlik oluşturuyorum. Birincisi bir arkaplan olayı yaratıyor, ikincisi ise başlığa ayarlanmış, fakat arka plan şeffaf olacak şekilde normal olayı yaratıyor. Biraz css yardımı ile standart etkinlik için metni hizalarım. Bunun için kod şuna benzer:

$('#calendar').fullCalendar({ 
      eventBackgroundColor: '#ABFFA6', 
      eventColor: 'transparent', 
      eventBorderColor: 'transparent', 
      eventTextColor: '#000', 
      events: [ 
       {"start":"2015-01-02","rendering":"background"}, 
       {"title":"06:10","start":"2015-01-02","backgroundColor":"transparent"}, 
      ] 
     }); 

Bu kod açık yeşil arka plan ile Jan 2nd işaretlemek ve içine 06:10 etiket katacak. Bu çözüm diğer görünümlere (gün görünümü gibi) tahmin edilebilir.

Answer 2

Bu kodu kullanabilirsiniz. dene.

eventRender: function(event, element){ 
    if(event.source.rendering == 'background'){ 
     element.append("YOUR HTML CODE"); 
    } 
} 

Answer 3

bir olay, bir arka plan oluşturmayı algılarsa, ayrıca başlığı göstermek böylece takvimin "eventRender" modifiye ettik: yeterli olacaktır

eventRender: function (event, element) { 
    if (event.rendering == 'background') { 
     element.append(event.title); 
    } 
}