首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Django:加载javascript

Django:加载javascript
EN

Stack Overflow用户
提问于 2018-05-31 21:40:09
回答 2查看 957关注 0票数 0

我尝试加载bootstrap-datepicer.js(位于:...\AEB\static\date_picker\js)

代码语言:javascript
复制
    {% 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>

下面是我的项目结构:

但是我总是得到下面的错误信息:"Uncaught:$(...).datepicker is not a function“

但我没有得到任何404 (见下图)

我的错误在哪里?谢谢你的帮助。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-06-01 04:05:28

您需要先调用jquery,

代码语言:javascript
复制
  <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>
票数 1
EN

Stack Overflow用户

发布于 2018-05-31 21:57:26

我认为你的路由是错误的!!

如果你有一些这样的文件:

代码语言:javascript
复制
-<project folder>
----<project-config-folder>
--------setting.py
--------    .
--------    .
--------    .
-------<app-name>
-----------views.py
-----------models.py
--------     .
--------     .
--------     .
--------static
--------------posts
--------------------a.jpg
--------   .
--------   .
--------   .

您可以像这样设置文件路径:

代码语言:javascript
复制
<img src="{% static "posts/a.jpg" %}" alt="My image"/>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50625722

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档