不能使用 bootstrap-datetimepicker
Cannot use bootstrap-datetimepicker
我想在我的模板中包含日期时间选择器,但是完成本教程后 http://www.lisenme.com/date-time-picker-input-field-using-bootstrap/ 我的 css 和 js 文件仍然无法被 django 找到。
在模板中:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<script src="js/bootstrap-datetimepicker.min.js"></script>
和错误:
Not Found: /js/bootstrap-datetimepicker.min.js
Not Found: /css/bootstrap-datetimepicker.min.css
我下载了整个 bootstrap-datetime picker,在我的项目树中创建了目录 css 和 js 以及链接引用的包含文件。也许这是问题所在,因为我不确定在哪里包含 css 和 js 文件。到目前为止,我已经尝试了两个选项:my_app/templates/my_app/css 或 my_app/templates/css。 None 个被 django
发现
嗯,Django 不会自动将模板链接到 URL,因为例如恶意用户可能旨在获取模板文件,然后使用这些来检查系统并发现安全漏洞。
如果您希望服务器提供 "static files",例如 staticfiles
[Django-doc]。
为了使用 staticfiles
,您需要将应用包含在 INSTALLED_APPS
中并为静态文件指定根 URL:
# settings.py
INSTALLED_APPS = [
# ...
<b>'django.contrib.staticfiles',</b>
# ...
]
<b>STATIC_URL = '/static/'</b>
如果您随后将文件存储在应用程序的 static
目录中,例如:
my_app/
<b>static/
css/
bootstrap-datetimepicker.min.css
js/
bootstrap-datetimepicker.min.js</b>
<b>{% load static %}</b>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="<b>{% static 'css/bootstrap-datetimepicker.min.css'%}</b>" rel="stylesheet">
<script src="<b>{% static 'js/bootstrap-datetimepicker.min.js'%}</b>"></script>
请注意,它需要一些额外的步骤才能 deploy the static files。
我想在我的模板中包含日期时间选择器,但是完成本教程后 http://www.lisenme.com/date-time-picker-input-field-using-bootstrap/ 我的 css 和 js 文件仍然无法被 django 找到。
在模板中:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<script src="js/bootstrap-datetimepicker.min.js"></script>
和错误:
Not Found: /js/bootstrap-datetimepicker.min.js
Not Found: /css/bootstrap-datetimepicker.min.css
我下载了整个 bootstrap-datetime picker,在我的项目树中创建了目录 css 和 js 以及链接引用的包含文件。也许这是问题所在,因为我不确定在哪里包含 css 和 js 文件。到目前为止,我已经尝试了两个选项:my_app/templates/my_app/css 或 my_app/templates/css。 None 个被 django
发现嗯,Django 不会自动将模板链接到 URL,因为例如恶意用户可能旨在获取模板文件,然后使用这些来检查系统并发现安全漏洞。
如果您希望服务器提供 "static files",例如 staticfiles
[Django-doc]。
为了使用 staticfiles
,您需要将应用包含在 INSTALLED_APPS
中并为静态文件指定根 URL:
# settings.py
INSTALLED_APPS = [
# ...
<b>'django.contrib.staticfiles',</b>
# ...
]
<b>STATIC_URL = '/static/'</b>
如果您随后将文件存储在应用程序的 static
目录中,例如:
my_app/
<b>static/
css/
bootstrap-datetimepicker.min.css
js/
bootstrap-datetimepicker.min.js</b>
<b>{% load static %}</b>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="<b>{% static 'css/bootstrap-datetimepicker.min.css'%}</b>" rel="stylesheet">
<script src="<b>{% static 'js/bootstrap-datetimepicker.min.js'%}</b>"></script>
请注意,它需要一些额外的步骤才能 deploy the static files。