2016-10-31 2 views
1

Ich habe eine benutzerdefinierte Ansicht für 2 Wochen erstellt.So zeigen Sie 2 Wochen an und legen die nächste Schaltfläche auf 1 Woche fest

Aber wenn ich auf nächste Schaltfläche klicke, verschiebt sich das Startdatum der Ansicht 2 Wochen weiter, was nicht der Fall ist, den ich möchte. Also, wie kann ich es 1 Woche statt 2 Wochen bewegen lassen?

Edit: Graphical explanation just to make things clear

+0

nur raten, wie etwa Änderung der 'Wochen: 2' auf 'Wochen: 1? :) weil die Frage nicht sehr klar ist – elfan

+0

Es sieht einfach 1 Woche:/ – user3414768

Antwort

0

Fullcalendar scheint durch die in der Ansicht angezeigt Dauer fort zurück, neben Tasten auf Standard. Es scheint nicht ein Weg, um es durch die Optionen Konfiguration/außer Kraft zu setzen, so könnte eine Abhilfe sein:

https://jsfiddle.net/a0j9v7gu/

$('#calendar').fullCalendar({ 
    views: { 
     basicTwoWeeks: { 
      buttonText: '2 Weeks', 
      type: 'basic', 
      duration: { 
       weeks: 2 
      } 
     } 
    }, 
    /* Fullcalendar doesn't appear to support advancing calendar with default prev,next buttons 
     a different interval than the duration displayed by the view. So, we make our own buttons! */ 
    customButtons: { 
     mynext: { 
      text: 'Next', 
      click: function() { 
       var $cal = $('#calendar'); 
       /* change to a lesser duration view (week, day). 
        if you don't the 'next' button won't work as expected. 
        comment out following line and see 
       */ 
       $cal.fullCalendar('changeView', 'basicWeek'); 
       $cal.fullCalendar('incrementDate', moment.duration(1, 'week')); 
       /* pop back to two-week view */ 
       $cal.fullCalendar('changeView', 'basicTwoWeeks'); 
      }, 
     }, 
     myprev: { 
      text: 'Prev', 
      click: function() { 
       $('#calendar').fullCalendar('incrementDate', moment.duration(-1, 'week')); 
      } 
     } 
    }, 
    header: { 
     left: '', 
     center: 'title', 
     right: 'myprev,mynext' 
    }, 
    defaultView: 'basicTwoWeeks', 
    defaultDate: '2016-10-01' 
}); 
+0

Ich versuchte benutzerdefinierte Schaltflächen mit 'incrementDate'. Alle 2 Klicks macht es das Gleiche mit dem Standard-Button "Weiter". Aber ich habe nicht zuerst versucht, die Ansicht auf 'BasicWeek' zu ändern. Ich werde es morgen versuchen, hoffe es funktioniert! – user3414768

+0

@ user3414768 yep, ohne die Ansicht auf eine Dauer von weniger als Ihrer benutzerdefinierten Ansicht (Woche oder Tag) und dann zurück auf die 2-wöchige benutzerdefinierte Ansicht zu ändern, war die "nächste" Funktionalität wonky ... Klicken Sie einmal und keine sichtbare Änderung, klicken Sie zweimal und es sprang 2 Wochen voraus. Es ist ein Hack, aber es funktioniert in Geige :) – smcd

Verwandte Themen