Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: MDB Datepicker gives error in manipulator.js in console Cannot read properties of null (reading 'classList')

KommerSnart priority asked 1 year ago


Running default code from MDB Datepicker.

Tried to change format, gives error in console so it won`t work.

<div class="form-outline datepicker">
<input type="text" class="form-control" id="myDatepicker" />
<label for="myDatepicker" class="form-label">Select a date</label>
</div>

const options = {
  format: 'dd-mm-yyyy'
}

const myDatepicker = new mdb.Datepicker(document.getElementById('myDatepicker'), options)

enter image description here


Mateusz Lazaru staff answered 1 year ago


Hi!

There are two things you need to change to make your Datepicker working.

  1. If you want to initialize it via Javascript, delete the datepicker class. Otherwise, Datepicker will be initialized twice, which can possibly cause issues.
  2. Element passed to the datepicker's constructor should be form-outline parent element of the input.

https://mdbootstrap.com/snippets/standard/mlazaru/4809940#html-tab-view



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.1.0
  • Device: MDB Datepicker
  • Browser: Chrome 108.0.5359.124
  • OS: macOS Catalina 10.15.7
  • Provided sample code: No
  • Provided link: No