Wie in die Monatsansicht umgeleitet wird, während Sie auf die entsprechende Monatszelle der Jahresansicht mit Fullcalendar klicken

Question

Ich muss in die Monatsansicht umleiten, während Sie auf die Monatszelle der Jahresansicht mit Fullcalendar klicken. Ich erkläre meinen Code unten.

<div class="calender" id='calendar'></div> 
    <script> 
    function getCalendar() { 
     var todayDate = new Date().toISOString().slice(0, 10); 
     // var evStartDate = new Date(inputdate) 
     //console.log('date',evStartDate); 
     //addClassByDate(evStartDate); 
     $('#calendar').fullCalendar({ 
     theme: true, 
     header: { 
      left: 'prev,next', 
      center: 'title', 
      right: 'year,month,agendaWeek,agendaDay' 
     }, 
     ///////// edit 
     dayClick: function(date, jsEvent, view) { 
      //alert('day click'); 
     }, 
     eventClick: function(event, jsEvent) { 
      //alert('event clicked'); 
      $('#eventpopup').modal({ 
      backdrop: 'static' 
      }); 
     }, 
     eventRender: function(event, element, view) { 
      var evStart = moment(view.intervalStart).subtract(1, 'days'); 
      var evEnd = moment(view.intervalEnd).subtract(1, 'days'); 
      if (!event.start.isAfter(evStart) || 
      event.start.isAfter(evEnd)) { 
      return false; 
      } 
      if (event.title.length > 10) { 
      var eventShortTitle = event.title.substring(0, 10) + '...'; 
      element.qtip({ 
       content: event.title, 
       position: { 
       at: 'bottom left', // at the bottom right of... 
       } 
      }); 
      element.find('.fc-title').text(eventShortTitle); 
      } 
     }, 
     /////////// 
     defaultDate: todayDate, 
     navLinks: true, // can click day/week names to navigate views 
     editable: true, 
     eventLimit: true, // allow "more" link when too many events 
     events: [{ 
      title: 'jQuery is a fast and concise JavaScript Library', 
      start: '2017-12-01' 
     }, { 
      title: 'hello', 
      start: '2017-12-02' 
     }, { 
      id: 999, 
      title: 'hii', 
      start: '2017-11-02' 
     }] 
     }); 
    } 
    </script> 

Hier habe ich das Jahr Ansicht auch als meine Anforderung für Jahr Ansicht ist, und ich bin mit alter Version von Fullcalendar. Hier benötige ich, wenn der Benutzer auf die Monatszelle klickt, wird der jeweilige Monat aus der Monatsansicht angezeigt. Here is my full plunkr code.

Answer 1

können Sie versuchen, dieses

dayClick: function(date, jsEvent, view) { 
    $('#calendar').fullCalendar('gotoDate',date); 
    $('#calendar').fullCalendar('changeView','month'); //This would take you to the respective month 
}, 

eventClick: function(calEvent, event, jsEvent) { 
    var dt = calEvent.start; 
    $('#calendar').fullCalendar('gotoDate',dt); 
    $('#calendar').fullCalendar('changeView','month'); 
} 

Answer 2

Eigentlich Sie Datum, an changeView Methode festlegen.

Sofort wird zu einer anderen Ansicht gewechselt.

.fullCalendar ('Change' Viewname, dateOrRange)

Zum Beispiel:

$('#calendar').fullCalendar('changeView', 'agendaDay', '2017-06-01');