如何在django中将静态添加到我的脚本中
我有一个用js创建的datetimepicker,但是我在给base.html添加一个静态标记时遇到了一个小问题,如果我这样做了,我就不会得到我想要的或者我在js中写的东西。它只是呈现一个普通的html,我希望它能够以一种方式显示我的js中所述的日期和时间,这是我尝试过的,除了日期和时间选择器之外,其他一切都正常工作[] base.html ##标题如何在django中将静态添加到我的脚本中,django,django-templates,django-staticfiles,Django,Django Templates,Django Staticfiles,我有一个用js创建的datetimepicker,但是我在给base.html添加一个静态标记时遇到了一个小问题,如果我这样做了,我就不会得到我想要的或者我在js中写的东西。它只是呈现一个普通的html,我希望它能够以一种方式显示我的js中所述的日期和时间,这是我尝试过的,除了日期和时间选择器之外,其他一切都正常工作[] base.html ##标题 {%load static%} {%block title%}半岛电视台{%endblock title%} {%block all%} ##页
{%load static%}
{%block title%}半岛电视台{%endblock title%}
{%block all%}
##页脚
检查以下步骤:
1-检查您的设置
以确定一切都在正确的位置,如下所示:
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR, "static"),
)
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
other.html
{% extends 'base.html' %}
2-使用开发人员工具(F12
)检查是否加载了静态文件,不要忘记重新启动服务器
3-确保用于创建datetime
的页面可以访问父模板,以防您继承,如下所示:
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR, "static"),
)
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
other.html
{% extends 'base.html' %}
4-将静态文件放在页面顶部的块中base.html
,然后从其他继承页面添加到此块(如果您按照我在步骤3中所述的方式实现),下面可能是一个示例:
base.html
{% block head %}
.......
{% endblock head %}
other.html
{% block head %}
<script src="{% static 'js/bootstrap-datepicker.js' %}" type="c9dfb692cab9a2d000c13798-text/javascript"></script>
<script src="{% static 'js/jquery.timepicker.min.js' %}" type="c9dfb692cab9a2d000c13798-text/javascript"></script>
{% endblock head %}
不要忘记,某些lib
具有必须在调用其他lib
之前调用的依赖项,调用顺序很重要。请检查以下步骤:
1-检查您的设置
以确定一切都在正确的位置,如下所示:
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR, "static"),
)
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
other.html
{% extends 'base.html' %}
2-使用开发人员工具(F12
)检查是否加载了静态文件,不要忘记重新启动服务器
3-确保用于创建datetime
的页面可以访问父模板,以防您继承,如下所示:
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR, "static"),
)
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
other.html
{% extends 'base.html' %}
4-将静态文件放在页面顶部的块中base.html
,然后从其他继承页面添加到此块(如果您按照我在步骤3中所述的方式实现),下面可能是一个示例:
base.html
{% block head %}
.......
{% endblock head %}
other.html
{% block head %}
<script src="{% static 'js/bootstrap-datepicker.js' %}" type="c9dfb692cab9a2d000c13798-text/javascript"></script>
<script src="{% static 'js/jquery.timepicker.min.js' %}" type="c9dfb692cab9a2d000c13798-text/javascript"></script>
{% endblock head %}
不要忘记,一些
lib
具有必须在调用其他lib
之前调用的依赖项,调用顺序很重要。我做到了,我简单地添加了它,并自己添加了一些样式
<script src="{% static 'js/bootstrap-datepicker.js' %}" type="text/javascript"></script>
<script src="{% static 'js/jquery.timepicker.min.js' %}" type="text/javascript"></script>
我做到了,我简单地添加了它,并自己添加了一些样式
<script src="{% static 'js/bootstrap-datepicker.js' %}" type="text/javascript"></script>
<script src="{% static 'js/jquery.timepicker.min.js' %}" type="text/javascript"></script>
感谢您的详细解释,但我已经设置了您提到的所有设置,问题在于添加type=“c9dfb692cab9a2d000c13798 text/javascript”,如果我删除它,我将获得弹出日历和时间,但不会设置样式,也不会很好地安排,如果他们是一种方式,我可以添加静态的类型,这将是伟大的和有益的感谢善意的解释与完整的细节,但我已经所有你提到的设置,问题是添加类型=“C9DFB692CAB9A2D0000C13798文本/javascript”,如果我删除它,我会得到弹出式日历和时间,但不会被样式化,也不会很好地安排,如果他们是一种方式,我可以添加静态的类型,这将是伟大的和有益的