Topic: pickadate is not a function

Patrice.Briggs free asked 6 years ago


I have a straightforward web application and using the mdb datepicker.  I have my css and js loaded in this order which I think is correct:
<!-- Material Design for Bootstrap fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Material Design for Bootstrap CSS -->
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<link href="~/Content/mdb.css" rel="stylesheet" />
 
<script src="~/Scripts/jquery-3.3.1.js"></script> 
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->    
<script src="~/Scripts/umd/popper.js"></script>   
<script src="~/Scripts/bootstrap.js"></script>
<script src="~/Scripts/mdb.js"></script>

Then my straightforward datepicker:
<div class="md-form">
    <label for="date-picker-example1">Try me...</label><br />
    <input placeholder="Selected date" type="text" id="date-picker-example1" class="form-control datepicker">
</div>

And the JS
$(document).ready(function () {
    $('#date-picker-example1').pickadate();
});

The pickadate is undefined and so the great calendar does not pop up.

Would appreciate help.  Thank you.

Nidhi Buddhiraja free commented 5 years ago

Same error is coming in my case. Please provide some solution to this as soon as possible.

Mikołaj Smoleński staff commented 5 years ago

Patrice solution was to move his scripts from head part to the end of file. Best Regards

Chérif Ndf free answered 3 years ago


Hi,

I have the same problems : ERROR TypeError: $(...).pickadate is not a function.

I have checked everything, i cannot see the problem.. Here is my imports declarations in index.html

<body class="mat-typography">
  <app-root></app-root>
    <!-- JQuery -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <!-- Bootstrap tooltips -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>
    <!-- MDB core JavaScript -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.0/js/mdb.min.js"></script>    
</body>

Do you have any solution ? Thanks


Tomek Makowski staff commented 3 years ago

Hi

You get your scripts from CDN server an that's why your pickdate doeasn't work. We don't have pro package on CDN servers and you just using free package despite of pro. Try to download pro package and then add your code to the package

Regards.


trf000 priority answered 4 years ago


Has there been a solution to this? I am having the same issue.


Mikołaj Smoleński staff commented 4 years ago

Hi there,

It was a problem with scripts imports. First of all please check all the scripts directories with the src's provided in Your script.

Best regards


Mikołaj Smoleński staff answered 6 years ago


Hello, File structure seems to be correct. Do You have any errors in the console (F12)? Regards

Patrice.Briggs free commented 6 years ago

I emailed the error this morning - the text is: Uncaught TypeError: $(...).pickadate is not a function at HTMLDocument. (Index:434) at mightThrow (jquery-3.3.1.js:3534) at process (jquery-3.3.1.js:3602)

Mikołaj Smoleński staff commented 6 years ago

Please send Your zipped project directly to me: m.smolenski@mdbootstrap.com. Regards


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

  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags