title: Django: Load javascript
body: <p>I try to load the bootstrap-datepicker.js (Located: ...\AEB\static\date_picker\js)</p>
  
  <pre><code>    {% load staticfiles %}
  &lt;script type="text/javascript" src="{% static "Leaflet_modi.js" %}"&gt;&lt;/script&gt;
  &lt;!-- Files for date time picker----------------------&gt;
  &lt;link rel="stylesheet" href="{% static 'date_picker/css/datepicker.css' %}" type = "text/css"/&gt;
  &lt;script type="text/javascript" src="{% static "date_picker/js/bootstrap-datepicker.js" %}"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function () {
      $('#Start_Date').datepicker({
          format: "dd/mm/yyyy"
      });
  });
  $(document).ready(function () {
      $('#End_Date').datepicker({
          format: "dd/mm/yyyy"
      });
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is my project structure:</p>
  
  <p><a href="https://i.stack.imgur.com/3FhL3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3FhL3.png" alt="enter image description here"></a></p>
  
  <p>But I always get the following error message: 
  "Uncaught TypeError: $(...).datepicker is not a function"</p>
  
  <p>But I do not get any 404 (see image below)</p>
  
  <p><a href="https://i.stack.imgur.com/ZeOaF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZeOaF.png" alt="enter image description here"></a></p>
  
  <p>Where is my mistake? Thanks for your help.</p>