Wyświetl 2 tygodnie w jQuery FullCalendar

Question

Szukałem sposobu wyświetlenia tylko bieżącego tygodnia i następnego tygodnia w widoku miesiąca dla FullCalendar. Jak na razie wygląda na to, że został zaproponowany jako funkcja dla nadchodzącej wersji, ale czy w międzyczasie ktoś mógł ją zhakować?

UPDATE

Dzięki za sugestię Doomsday, udało mi się utworzyć widok niestandardowy, który pokazuje 2 tygodnie, począwszy od bieżącego tygodnia. Zmieniasz widoczną datę rozpoczęcia do dnia dzisiejszego i zmieniając liczbę wierszy do 2.

function TwoWeeksView(element, calendar) { 
var t = this; 

// exports 
t.render = render; 


// imports 
BasicView.call(t, element, calendar, 'month'); 
var opt = t.opt; 
var renderBasic = t.renderBasic; 
var formatDate = calendar.formatDate; 



function render(date, delta) { 
    if (delta) { 
     addMonths(date, delta); 
     date.setDate(1); 
    } 
    var start = cloneDate(date, true); 
    start.setDate(1); 
    var end = addMonths(cloneDate(start), 1); 

    //var visStart = cloneDate(start); 
    var visStart = date; 

    var visEnd = cloneDate(end); 
    var firstDay = opt('firstDay'); 
    var nwe = opt('weekends') ? 0 : 1; 
    if (nwe) { 
     skipWeekend(visStart); 
     skipWeekend(visEnd, -1, true); 
    } 

    addDays(visStart, -((visStart.getDay() - Math.max(firstDay, nwe) + 7) % 7)); 
    addDays(visEnd, (7 - visEnd.getDay() + Math.max(firstDay, nwe)) % 7); 
    var rowCnt = Math.round((visEnd - visStart)/(DAY_MS * 7)); 

    if (opt('weekMode') == 'fixed') { 
     addDays(visEnd, (6 - rowCnt) * 7); 
     //rowCnt = 6; 
     rowCnt = 2; 
    } 
    t.title = formatDate(start, opt('titleFormat')); 
    t.start = start; 
    t.end = end; 
    t.visStart = visStart; 
    t.visEnd = visEnd; 
    renderBasic(6, rowCnt, nwe ? 5 : 7, true); 
} 
} 

Answer 1

Najlepszym rozwiązaniem jest to, aby realizować swój własny pogląd.

umieszczone w nowych JS własny zdefiniowany widok:

$.fullCalendar.views.twoweeks = TwoWeeksView; 
function TwoWeeksView(element, calendar) { 
    // copy code from fullcalendar.js line 1960 
} 

Answer 2

Odpowiedź będzie wyświetlać dwa kalendarze, jeden z bieżącego tygodnia, a drugi ze po tygodniu.

Proponuję, aby włamać się co zrobiłem na tym skrzypce: http://jsfiddle.net/Doomsday/M3YP3/1/

Answer 3

można znaleźć tutaj aby uzyskać dodatkowe informacje na ten fullcalendar widoku niestandardowego

Jquery FullCalendar 2 week view Next prev buttons

Answer 4

najnowsza wersja teraz sprawia, że ​​nawet łatwiejsze (v2.2.6)

można również zamówić ten git tam, gdzie istnieje niestandardowy widok dwukierunkowy, który przesuwa się o 1 tydzień (lub o Ption to ustawione na) w czasie za pomocą przycisków next/prev.

https://github.com/marc-gist/fullcalendar

edit: istota zdaje się nie działać z inną wersją fullcalendar; ale spójrz na dokumenty, aby łatwo skonfigurować widok tygodnia, korzystając z wartości opcji.

Answer 5

Właściwą odpowiedzią na fullCalendar 2 jest zmiana na stanowisku basicWeek jak wyjaśniono w dokumentacji:

$('#calendar').fullCalendar({ 
     views: { 
      basicWeek: { 
       type: 'basic', 
       duration: {weeks: 2}, 
       rows: 2 
      } 
     } 
    } 

Nie. Prosty :)