CODEWITHSUNDEEP
jqueryjquery-uidatepicker
John Britto
John Britto

Reputation: 457

jQuery datepicker() Uncaught TypeError: undefined is not a function

Can anyone please help me I am struggling with this problem for the past few day. Actually I included all the necessary plugins' but still the

$('#datepicker').datepicker() function is not defined ERROR.

I included the same plugins' in the other jsp of my projects there the datepicker works perfectly.

This is what I tried.

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">

$( '#datepicker' ).datepicker();

It throws the exception on page load itself. Thanks.

Upvotes: 11

Views: 50637

Answers (5)

Vijaya Pandey
Vijaya Pandey

Reputation: 4282

I just had this issue and solved it using $.noConflict();:

Instead of $( '#datepicker' ).datepicker();, I used:

$.noConflict();
jQuery(document).ready(function ($) {
    $("#datepicker").datepicker();
});

Upvotes: 4

user7832009
user7832009

Reputation: 1

check the reference what you have added and the reference what you have in the scripts folder. example: if you have referred [jquery-ui.min.js] in your .cshtml but you have [jquery-ui.min-1.13.0.js] in your scripts folder then this error will occurs

Upvotes: 0

ssaltman
ssaltman

Reputation: 3713

If you are using Wordpress, make sure you replace "$" with "jQuery" in the .js files.

Upvotes: 0

Kentonbmax
Kentonbmax

Reputation: 958

Spent lots of time on this. Found the issue to datepicker function not found and or not working in Chrome. Using VS2015... Just about everything is dependant on JQuery so it must be at the very top. Use the following references or latest:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.min.css" />
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
  1. Open _layout.cshtml
  2. Paste at the top of each Environment section. Check the body as well. (I was missing the body)

Upvotes: 1

John Britto
John Britto

Reputation: 457

Please double check the js files you include if you include the same js file twice are different version of same file twice, It will conflict. Have patient to go through to entire jsp or html file to check the js files.

Upvotes: 20

Related Questions