Topic: pickadate is not a function
<!-- 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.
Patrice.Briggs commented 7 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 7 years ago
Please send Your zipped project directly to me: m.smolenski@mdbootstrap.com. Regards
Has there been a solution to this? I am having the same issue.
Mikołaj Smoleński staff commented 6 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
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 4 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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Nidhi Buddhiraja commented 6 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 6 years ago
Patrice solution was to move his scripts from head part to the end of file. Best Regards