无法使用bootstrap-datetimepicker

Question

我想在我的模板中包含日期时间选择器但是完成了本教程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选择器，在我的项目树中创建了目录css和js以及链接引用的包含文件。也许这是问题，因为我不知道在哪里包含css和js文件。到目前为止，我尝试了两个选项：my_app / templates / my_app / css或my_app / templates / css。他们都没有被django发现

Answer 1

好吧，Django不会自动将模板链接到URL，因为例如一个有用的用户可能会想要获取模板文件，然后使用这些来反省系统并发现安全漏洞。

如果您希望服务器提供“静态文件”，例如使用staticfiles [Django-doc]。

要使用staticfiles，您需要在INSTALLED_APPS中包含该应用程序并指定静态文件的根URL：

# settings.py

INSTALLED_APPS = [
    # ...
    'django.contrib.staticfiles',
    # ...
]

STATIC_URL = '/static/'

然后，如果您将文件存储在应用程序的static目录中，例如：

my_app/
    static/
        css/
            bootstrap-datetimepicker.min.css
        js/
            bootstrap-datetimepicker.min.js

{% load static %}

<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="{% static 'css/bootstrap-datetimepicker.min.css'%}" rel="stylesheet">
<script src="{% static 'js/bootstrap-datetimepicker.min.js'%}"></script>

请注意，它需要一些额外的步骤来deploy the static files。