Topic: Calendar ignoring javascript instance
Expected behavior Ability to instantiate calendar via javascript
Actual behavior No calendar via javascript. Canlendar only showing if I use data-mdb attributes.
Resources (screenshots, code snippets etc.)
This works:
<div
class='calendar'
id='calendar'
data-mdb-monday-first='true'
></div>
This does not work.
<div id='calendar'></div>
with this javascript:
const calendarElement = document.getElementById('calendar');
const instance = Calendar.getInstance(calendarElement, {
mondayFirst: true,
});
instance.next();
As soon as I add the class 'calendar' it works, but it is ignoring the javascript options. The javascript is loaded, and it is loaded after mdb. Can you help?
Thanks for reporting a bug. We'll fix it. As a workaround, use this code:
<div id='calendar'></div>
const calendarElement = document.getElementById('calendar');
calendarElement.classList.add('calendar');
const instance = new Calendar(calendarElement, {
mondayFirst: true;
});
Resolved
- User: Pro
- Premium support: Yes
- Technology: MDB 5
- MDB Version: 3.2.0
- Device: Any
- Browser: Any
- OS: Any
- Provided sample code: No
- Provided link: No