how to fix 'Uncaught TypeError: $(...).datepicker is not a function'

Question

i want create datepicker but it is not working

$("#datepicker").datepicker();

Uncaught TypeError: $(...).datepicker is not a function

I expected calendar, but it shows me an error

It probably means that you haven't imported the right jQuery plugin, or that you're trying to use it before it has been imported. — Pointy, Aug 06 '19 at 12:03
Possible duplicate of [Uncaught TypeError: $(...).datepicker is not a function(anonymous function)](https://stackoverflow.com/questions/36207203/uncaught-typeerror-datepicker-is-not-a-functionanonymous-function) — R3tep, Aug 06 '19 at 12:05
Common issues: script includes missing/in the wrong order or scripts reloaded (eg jquery at the top, your script, then also at the bottom (via a framework)) - check the browser network tab closely. — freedomn-m, Aug 06 '19 at 12:12
Code shows that you use it before the library is loaded. It is like trying to eat a pizza before you open the box. Your order is 1) load jquery 2) call the method 3) Load jquery ui. It should be 1) load jquery 2) Load jquery ui 3) call the method. — epascarello, Aug 06 '19 at 12:57

score 0 · Accepted Answer · answered Aug 06 '19 at 12:43

Do you have both jQueryui AND jQuery included in your scripts somewhere? Question is a little vague without source code or more information to what you're doing.

This is taken straight from jQueryUI's website: https://jqueryui.com/datepicker/

Also, make sure that jQuery is not included twice in your code as this post suggest: jQuery UI " $("#datepicker").datepicker is not a function"

Possible duplicate of:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
 
</body>
</html>

Hope this helps!

how to fix 'Uncaught TypeError: $(...).datepicker is not a function'

1 Answers1