xxxxxxxxxx1
<div class="calendar" id="calendar"></div>1
1
xxxxxxxxxx1
const events = [2
{3
summary: 'JS Conference',4
start: {5
date: Calendar.dayjs().format('DD/MM/YYYY'),6
},7
end: {8
date: Calendar.dayjs().format('DD/MM/YYYY'),9
},10
color: {11
background: '#cfe0fc',12
foreground: '#0a47a9',13
},14
},15
16
{17
summary: 'JS Conference1',18
start: {19
date: Calendar.dayjs().format('DD/MM/YYYY'),20
},21
end: {22
date: Calendar.dayjs().format('DD/MM/YYYY'),23
},24
color: {25
background: '#cfe0fc',26
foreground: '#0a47a9',27
},28
},29
30
{31
summary: 'JS Conference2',32
start: {33
date: Calendar.dayjs().format('DD/MM/YYYY'),34
},35
end: {36
date: Calendar.dayjs().format('DD/MM/YYYY'),37
},38
color: {39
background: '#cfe0fc',40
foreground: '#0a47a9',41
},42
},43
44
{45
summary: 'JS Conference3',46
start: {47
date: Calendar.dayjs().format('DD/MM/YYYY'),48
},49
end: {50
date: Calendar.dayjs().format('DD/MM/YYYY'),51
},52
color: {53
background: '#cfe0fc',54
foreground: '#0a47a9',55
},56
},57
58
];59
60
const calendarElement = document.getElementById('calendar');61
const calendarInstance = Calendar.getInstance(calendarElement);62
calendarInstance.addEvents(events);63
64
let eventWrapper = document.querySelectorAll('.events-wrapper');65
66
eventWrapper.foreach(value => {67
value.classList.add('sortable-list')68
value.setAttribute('data-mdb-sortable', 'sortable')69
})70
71
let eventsData = document.querySelectorAll('.event')72
73
eventsData.forEach(value => {74
value.classList.add('sortable-item')75
}) Console errors: 0