Datepicker not working - MDB version 4.19 - Material Design for Bootstrap

Topic: Datepicker not working - MDB version 4.19

garciave free asked 3 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 https://mdbootstrap.com/docs/jquery/forms/date-picker/. 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

Add comment

GaryLinccube free answered 3 years ago

0 0 Best answer

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?

Regards

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 https://mdbootstrap.com/snippets/jquery/garylinccube/2378542

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 ?

Thanks