fullcalendar sütunlarını satır

Question

olarak değiştirmek için fullcalendar görüntüsünü değiştirmek için bir yol var (Pazar, Pazartesi, ...) dikey eksende ve yatay eksende zaman göstermek için, bu şekilde göstermek zorundayım müşterim.

Regards.-

Answer 1

bunu yapmak için hiçbir belirlenen bir yolu yoktur. Ama bunu kendin yapabilirsin.

Fullcalendar görünümü, aşağıdaki yapıya sahip tabloda gösterilmiştir:

<tr class="fc-week0 fc-first" style=""> 
    <td class="fc-sun fc-widget-content fc-day0 fc-first fc-other-month">…</td> 
    <td class="fc-mon fc-widget-content fc-day1 fc-other-month">…</td> 

her zayıf bir satır ve her bir gün için, bir hücre olduğu görebilirsiniz.

1. eklenti kaynağını değiştirin:

   Ne istediğini başarmak için 2 seçeneğiniz var. Görünüm BasicView.js'da oluşturulur. Sadece 140 ve altındaki satırları değiştirin ve "ikame" td < -> tr.

2. Öğeleri yeniden sıralamak için biraz kod yazın. Takvim DOM'a eklenir koymaz çağrılan küçük ve basit bir komut dosyası yazın. Komut tablonuzun isteğinize göre yeniden oluşturması gerekiyor.

Answer 2

Jarno Kurlin kaynak yönetimi için yatay Fullcalendar görünümü çatallı etti: Bu yatay eksende zaman ayrıntı görünmüyor http://tux.fi/~jarnok/fullcalendar-resourceviews/

: Bu eski bir bağlantıya dayanarak

https://github.com/jarnokurlin/fullcalendar

Ancak, gereksinimlerinizi karşılaması için bunu daha kolay bir şekilde ayarlayabiliyor olabilirsiniz.

Answer 3

eventRender yöntemini geçersiz kılın ve FullCalendar olaylarını istediğiniz herhangi bir şekilde belirtebilirsiniz. How to adjust width and position of events in jQuery Full Calendar in week-view and day view sorusu benzer bir soruna işaret etti. durumda http://arshaw.com/fullcalendar/docs/event_rendering/eventRender/

İhtiyacınız, ayrıca onların eventAfterRender yöntemi kullanabilirsiniz: Ben de bu uygulamaya isteriz http://arshaw.com/fullcalendar/docs/event_rendering/eventAfterRender/

var $yourCalendar = $('#calendarId'); 
$yourCalendar.fullCalendar({ 
    events[//your events 
    ], 
    eventRender: function(event, element, view) { 
    // Reposition your element here 
    }, 
    eventAfterRender: function(event, element, view) { 
    // Make minor post-rendering corrections to your element here 
    } 
});