Django: Load javascript

Question

I try to load the bootstrap-datepicker.js (Located: ...\AEB\static\date_picker\js)

    {% load staticfiles %}
<script type="text/javascript" src="{% static "Leaflet_modi.js" %}"></script>
<!-- Files for date time picker---------------------->
<link rel="stylesheet" href="{% static 'date_picker/css/datepicker.css' %}" type = "text/css"/>
<script type="text/javascript" src="{% static "date_picker/js/bootstrap-datepicker.js" %}"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<script type="text/javascript">

$(document).ready(function () {
    $('#Start_Date').datepicker({
        format: "dd/mm/yyyy"
    });
});
$(document).ready(function () {
    $('#End_Date').datepicker({
        format: "dd/mm/yyyy"
    });
});

</script>

Here is my project structure:

But I always get the following error message: "Uncaught TypeError: $(...).datepicker is not a function"

But I do not get any 404 (see image below)

Where is my mistake? Thanks for your help.

pleases show your project tree

user9818446
– user9818446

2018-05-31 13:42:10 +00:00
Commented May 31, 2018 at 13:42 — user9818446
– user9818446, Commented May 31, 2018 at 13:42
So I edited my original post

user8495738
– user8495738

2018-05-31 13:47:23 +00:00
Commented May 31, 2018 at 13:47 — user8495738
– user8495738, Commented May 31, 2018 at 13:47

M.ike · Accepted Answer · 2018-05-31 20:05:27Z

1

You need to call jquery first,

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  <script type="text/javascript" src="{% static "Leaflet_modi.js" %}"></script>
 <!-- Files for date time picker---------------------->
 <link rel="stylesheet" href="{% static 'date_picker/css/datepicker.css' %}" type = "text/css"/>
 <script type="text/javascript" src="{% static "date_picker/js/bootstrap-datepicker.js" %}"></script>

 <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

answered May 31, 2018 at 20:05

M.ike

1137 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user8495738 Over a year ago

That is amazing. Thanks a lot :)

user9818446 · Accepted Answer · 2018-05-31 13:57:26Z

0

I thing your routing in false!!

If you have some files like this :

-<project folder>
----<project-config-folder>
--------setting.py
--------    .
--------    .
--------    .
-------<app-name>
-----------views.py
-----------models.py
--------     .
--------     .
--------     .
--------static
--------------posts
--------------------a.jpg
--------   .
--------   .
--------   .

You can use like this to set file path :

<img src="{% static "posts/a.jpg" %}" alt="My image"/>

answered May 31, 2018 at 13:57

user9818446

Collectives™ on Stack Overflow

Django: Load javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related