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

Question

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.

Answer 1

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.

Answer 2

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

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

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

Answer 3

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)