Uncaught TypeError: $(...).datepicker is not a function(anonymous function)
<p>I found few answers on stack overflow but still cant resolve my problem.
I am running on Django but I dont think it is relevant for this error.</p>
<p>I try to make work my date picker java script but I am getting the error</p>
<p>1:27 Uncaught TypeError: $(...).datepicker is not a function(anonymous function) @ 1:27fire @ jquery-1.9.1.js:1037self.fireWith @ jquery-1.9.1.js:1148jQuery.extend.ready @ jquery-1.9.1.js:433completed @ jquery-1.9.1.js:103
jquery-2.1.0.min.js:4 XHR finished loading: POST &quot;https://localhost:26143/skypectoc/v1/pnr/parse&quot;.l.cors.a.crossDomain.send @ jquery-2.1.0.min.js:4o.extend.ajax @ jquery-2.1.0.min.js:4PNR.findNumbers @ pnr.js:43parseContent @ contentscript.js:385processMutatedElements @ contentscript.js:322</p>
<p>This is all my scripts :</p>
<pre class="lang-html prettyprint-override"><code>&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot; /&gt;

&lt;script src=&quot;http://code.jquery.com/jquery-1.9.1.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;http://code.jquery.com/ui/1.11.0/jquery-ui.js&quot;&gt;&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
    $(document).ready(function() {
        $('.dateinput').datepicker({ format: &quot;yyyy/mm/dd&quot; });
    }); 
&lt;/script&gt;

&lt;!-- Bootstrap core JavaScript
================================================== --&gt;

&lt;!-- Placed at the end of the document so the pages load faster --&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js&quot;&gt;&lt;/script&gt;

&lt;script&gt;window.jQuery || document.write('&lt;script src=&quot;../../assets/js/vendor/jquery.min.js&quot;&gt;&lt;\/script&gt;')&lt;/script&gt;
&lt;script src=&quot;http://getbootstrap.com/dist/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
&lt;!-- Just to make our placeholder images work. Don't actually copy the next line! --&gt;
&lt;script src=&quot;http://getbootstrap.com/assets/js/vendor/holder.min.js&quot;&gt;&lt;/script&gt;
&lt;!-- IE10 viewport hack for Surface/desktop Windows 8 bug --&gt;
&lt;script src=&quot;http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
    $(document).ready(function() {
        $(&quot;#extra-content&quot;).hide();
        $(&quot;#toggle-content&quot;).click(function(){
            $(&quot;#extra-content&quot;).toggle();
        });
    });
&lt;/script&gt;            
</code></pre>
<p>any feedback will be very appreciated</p>