// List View

var calendar = new FullCalendar.Calendar(calendarEl, { 

plugins: [ 'list' ], 

defaultView: 'listWeek'

 });

// Week View

let calendar = new Calendar(calendarEl, { 

   plugins: [ dayGridPlugin ],  

  defaultView: 'dayGridWeek'

});

Hi Sai, 

I just pasted the javascript snippets above for both the views (list and week). You should instantiate the object with the desired view as an option.

Regards,

Swatantra

If i'm not mistaken you can also enable that in the JSON file for the FullCalendar. 

I am not sure where to write the java script or JSON because I dont see anything in properties of fullcalendar2

Its in the ADVANCED CONFIG

I tried with this JSON, its not showing any extra buttons

To add the extra buttons use something like below in the advanced config setting 

header: {
  left: 'prev,next today',
  center: 'title',
  right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth,listWeek,listDay'
},

and to change the button labels:

buttonText: {
  today: 'today',
  dayGridMonth: 'month',
  timeGridWeek: 'week',
  timeGridDay: 'day',
  listMonth: 'list month',
  listWeek: 'list week',
  listDay: 'list day'              
},

This will show something like:

I added this in Advanced config 

and i am getting this error so calendar is not loading

Hi,

I see 2 commas (,,)  in your advanced config and that is causing a runtime error. Please correct it to just 1 comma (,) and try again.

 Regards,

Peter Braat