不能使用 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