var link document createElement link link rel stylesheet link type text css link href https cdn jsdelivr net npm fullcalendar 5 8 0 main min css link media all document head appendChild link var script document createElement script script type text javascript script src https cdn jsdelivr net npm fullcalendar 5 8 0 main min js document head appendChild script document body style height 700px let div document createElement div div id calendar document body appendChild div div style width 100 div style height 600px div style border 1pt solid blue script onload function var calendarEl document getElementById calendar console log calendarEl var calendar new FullCalendar Calendar calendarEl initialDate 2020 09 12 editable true selectable true businessHours true dayMaxEvents true allow more link when too many events events title All Day Event start 2020 09 01 title Long Event start 2020 09 07 end 2020 09 10 groupId 999 title Repeating Event start 2020 09 09T16 00 00 groupId 999 title Repeating Event start 2020 09 16T16 00 00 title Conference start 2020 09 11 end 2020 09 13 title Meeting start 2020 09 12T10 30 00 end 2020 09 12T12 30 00 title Click for Google url http google com start 2020 09 28 calendar render end onload console log finished
true allow more link when too many events events title All Day Event start 2020 09 01 title Long Event start 2020 09 07 end 2020 09 10 groupId 999 title Repeating Event start 2020 09 09T16 00 00 groupId 999 title Repeating Event start 2020 09 16T16 00 00 title Conference start 2020 09 11 end 2020 09 13 title Meeting start 2020 09 12T10 30 00 end 2020 09 12T12 30 00 title Click for Google url http google com start 2020 09 28 calendar render end onload console log finished