Topic: datepicker error console
I have tried in every way to run an example of a datepicker on my pc. But in the console I have this error:if anyone can help me !!
html:
Dalla Datajavascript: const datepickerEl = document.getElementById('dalladata')const datepicker = new mdb.Datepicker(datepickerEl);datepicker.open();
console: manipulator.js:98 Uncaught TypeError: Cannot read properties of null (reading 'classList') at Object.addClass (manipulator.js:98:17) at vc._appendToggleButton (index.js:362:17) at vc._init (index.js:348:12) at new vc (index.js:212:10) at Function.getOrCreateInstance (index.js:1431:36) at HTMLDocument. (storicovisite.php:139:39) at j (jquery-1.11.0.min.js:2:27136) at Object.fireWith [as resolveWith] (jquery-1.11.0.min.js:2:27949) at Function.ready (jquery-1.11.0.min.js:2:29783) at HTMLDocument.K (jquery-1.11.0.min.js:2:30128)
I had the same issue. Current temporary fix is to import the datepicker specific JS files AFTER the DOM elements. See the code example below...
<div class="form-outline datepicker">
<input type="text" class="form-control" id="mdb-date-picker">
<label for="mdb-date-picker" class="form-label">Select a date</label>
</div>
<script type="text/javascript" src="/static/js/datepicker.min.js"></script>
Please note that in my project, the main mdb.min.js file(s) are linked BEFORE all of this content in the body.
If you load mdb.min.js file before the content, you can try to do init by yourself after the DOM content loads
For example:
const options = {
format: 'dd-mm-yyyy'
}
const myDatepicker = new mdb.Datepicker(document.getElementById('myDatepicker'), options)
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 3.10.2
- Device: pc
- Browser: chrome
- OS: windows
- Provided sample code: No
- Provided link: No
Michał Duszak staff commented 3 years ago
Hello, could you please reproduce your issue in a snippet with MDB Snippets? Here is the link: https://mdbootstrap.com/snippets/ It will be easier to debug your issue, as we will be referencing the same environment.