Topic: Datepicker not working - MDB version 4.19

garciave free asked 4 years ago

Expected behavior You click on the date field and/or icon and the modal popup will appear with the datepicker.

Actual behavior I used exactly the same example of your documentation (not using pickadate but datepicker) and the modal is display without any format at loading (even before clicking on the input field). All JS libraries and CSS files are loaded in the page: <%-- MDB js --%>

<script src="MDB/js/jquery.min.js" type="text/javascript"></script>
<script src="MDB/js/bootstrap.min.js" type="text/javascript"></script>
<script src="MDB/js/popper.min.js" type="text/javascript"></script>
<script src="MDB/js/mdb.min.js" type="text/javascript"></script>
<%-- CSS --%>
<link href="MDB/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="MDB/css/mdb.min.css" rel="stylesheet" type="text/css" />

If I use pickadate, it works.

The code in the page is copy and paste of your 'Basic example' section of The same page is stating that "This documentation may contain syntax introduced in the MDB 4.17.0..." and I am using 4.19.

Resources (screenshots, code snippets etc.) enter image description here

GaryLinccube free answered 3 years ago

Has there been any resolution to this issue because I am experiencing the same, the styles used by the pickers are different when you initialize them using pickaday() compared to datepicker(). I would like to achieve the inline style from the datepicker() examples referenced in the question above

Tomek Makowski staff commented 3 years ago


Are you sure that you are using the newest version of MDB? How can I reopen your problem?


GaryLinccube free commented 3 years ago

Hi Tomek,

I am fairly certain I am using the newest version as I only purchased it a couple of days ago.

you should be able to see the issue in this snippet

it is currently using pickadate() but you can clearly see this is not the same style nor functionality as datepicker().

If you try change pickadate to datepicker the picker will not show,

I have also noticed on pickadate() the dropdowns are separate for month and year and also the dropdowns do not work.

Can you help me resolve my issue ?


Tomek Makowski staff commented 3 years ago

This issue is known. We have it already in our "to do" list and we will try to fix it.


gianlucagiacometti priority answered 3 years ago

The javascript logs says: Uncaught TypeError: l is undefined

Tomek Makowski staff commented 3 years ago


If this error is about Datepicker, just use new syntax pickdate()



Tomek Makowski staff answered 4 years ago


Could you reopen your problem in the mdb snippet editor? It would be helpful.


Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.0
  • Device: Desktop
  • Browser: Firefox 77.0.1 and Edge 83.0.478
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes