Django:加载javascript
我尝试加载位于以下位置的bootstrap-datepicker.js:…\AEB\static\date\u picker\jsDjango:加载javascript,django,Django,我尝试加载位于以下位置的bootstrap-datepicker.js:…\AEB\static\date\u picker\js {% load staticfiles %} <script type="text/javascript" src="{% static "Leaflet_modi.js" %}"></script> <!-- Files for date time picker----------------------> <li
{% 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>
以下是我的项目结构:
但我总是收到以下错误消息:
未捕获类型错误:$..日期选择器不是函数
但我没有得到任何404,请参见下图
我的错在哪里?谢谢你的帮助。我认为你的路线是错误的 如果您有以下文件:
-<project folder>
----<project-config-folder>
--------setting.py
-------- .
-------- .
-------- .
-------<app-name>
-----------views.py
-----------models.py
-------- .
-------- .
-------- .
--------static
--------------posts
--------------------a.jpg
-------- .
-------- .
-------- .
您可以这样使用来设置文件路径:
<img src="{% static "posts/a.jpg" %}" alt="My image"/>
您需要先调用jquery
<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>
请展示你的项目树,我编辑了我的原创帖子,太棒了。谢谢: