xxxxxxxxxx1
<div class="calendar" id="calendar-3" data-mdb-default-view="week"></div>1
1
xxxxxxxxxx1
const events = [2
{3
summary: 'JS Conference',4
start: {5
date: Calendar.moment.format('DD/MM/YYYY'),6
},7
end: {8
date: Calendar.moment.format('DD/MM/YYYY'),9
},10
color: {11
background: '#1266F1',12
foreground: 'white',13
},14
},15
{16
summary: 'Vue Meetup',17
start: {18
date: Calendar.moment.add(1, 'day').format('DD/MM/YYYY'),19
},20
end: {21
date: Calendar.moment.add(5, 'day').format('DD/MM/YYYY'),22
},23
color: {24
background: '#00B74A',25
foreground: 'white',26
},27
},28
{29
summary: 'Angular Meetup',30
description:31
'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur',32
start: {33
date: Calendar.moment.subtract(3, 'day').format('DD/MM/YYYY'),34
dateTime: Calendar.moment.subtract(3, 'day').format('DD/MM/YYYY') + ' 10:00',35
},36
end: {37
date: Calendar.moment.add(3, 'day').format('DD/MM/YYYY'),38
dateTime: Calendar.moment.add(3, 'day').format('DD/MM/YYYY') + ' 14:00',39
},40
color: {41
background: '#F93154',42
foreground: 'white',43
},44
},45
{46
summary: 'React Meetup',47
start: {48
date: Calendar.moment.add(5, 'day').format('DD/MM/YYYY'),49
},50
end: {51
date: Calendar.moment.add(8, 'day').format('DD/MM/YYYY'),52
},53
color: {54
background: '#39C0ED',55
foreground: 'white',56
},57
},58
{59
summary: 'Meeting',60
start: {61
date: Calendar.moment.add(1, 'day').format('DD/MM/YYYY'),62
dateTime: Calendar.moment.add(1, 'day').format('DD/MM/YYYY') + ' 8:00',63
},64
end: {65
date: Calendar.moment.add(1, 'day').format('DD/MM/YYYY'),66
dateTime: Calendar.moment.add(1, 'day').format('DD/MM/YYYY') + ' 12:00',67
},68
color: {69
background: '#1266F1',70
foreground: 'white',71
},72
},73
{74
summary: 'Call',75
start: {76
date: Calendar.moment.add(2, 'day').format('DD/MM/YYYY'),77
dateTime: Calendar.moment.add(2, 'day').format('DD/MM/YYYY') + ' 11:00',78
},79
end: {80
date: Calendar.moment.add(2, 'day').format('DD/MM/YYYY'),81
dateTime: Calendar.moment.add(2, 'day').format('DD/MM/YYYY') + ' 14:00',82
},83
color: {84
background: '#FFA900',85
},86
}87
]);88
89
const calendarElement = document.getElementById('calendar-3');90
const calendarInstance = Calendar.getInstance(calendarElement);91
calendarInstance.addEvents(events); Console errors: 0