1

我知道datepicker有一个非常相似的问题，但我自己无法解决，因为我认为我的问题不同。所以我试图在我的本地 django 项目中使用 bootstrap-datepicker bootstrap-datepicker 。我有一点使用 django 的经验，目前使用的是 1.4 版。我有一个 ModelForm，我希望能够为某些 DateField 使用 datepicker 接口。我使用以下方法在模板中正确呈现表单字段：

 <div class="well">
   <input type="text" class="span2" value="02/16/12" data-date-format="mm/dd/yy" id="datepicker" >
 </div>

在我的模板底部，我有以下 JS 代码：

<script> $("#datepicker").datepicker(); </script>

现在，在我的基本布局模板中，我有以下内容：

<link rel="stylesheet" href="{{ STATIC_URL }}css/bootstrap.css"/>
<link rel="stylesheet" href="{{ STATIC_URL }}css/datepicker.css"/>

{% block head %}{% endblock %}
{% include "layouts/header.html" %}
{% block content %}{% endblock %}
{% include "layouts/footer.html" %}

<script src="{{ STATIC_URL }}js/bootstrap.js"></script>
<script src="{{ STATIC_URL }}js/bootstrap-datepicker.js"></script>
{% block scripts %}{% endblock %}

我要渲染日期选择器的模板当然包括基本布局模板：

{% extends "layouts/base.html" %}

我的静态文件按以下方式分发：

Project/
    apps/
    static/
        css/
            bootstrap.css
            datepicker.css
            datepicker.less
        js/
            bootstrap.js
            bootstrap-datepicker.js

我以前从未在我的项目中使用过 JS，所以它可能有事可做，但是，当我渲染我的表单时，DateField 显示为 datepicker 示例，它只是我无法让它部署你可以选择的小部件日历中的日期。每次我使用表单重新加载 url 时，我都会在 runserver 中得到以下信息：

[22/Oct/2012] "GET /element/new HTTP/1.1" 200 9547
[22/Oct/2012] "GET /static/js/bootstrap.js HTTP/1.1" 304 0
[22/Oct/2012] "GET /static/css/datepicker.css HTTP/1.1" 304 0
[22/Oct/2012] "GET /static/js/bootstrap-datepicker.js HTTP/1.1" 304 0
[22/Oct/2012] "GET /static/css/bootstrap.css HTTP/1.1" 200 118150

我将不胜感激任何形式的帮助。如果你需要我的 settings.py 在下面的链接中：settings.py

非常感谢你。

4

1 回答 1

2

为了清楚起见。有问题的日期选择器是http://www.eyecon.ro/bootstrap-datepicker/

我已经在我自己的项目中实现了这个日期选择器，但只是作为更复杂的 JS 用法的一部分。我的电话更接近于：

$("#datepicker").datepicker({
    format: 'yyyy-mm-dd',
    weekStart: 1,
 });

我没有提到 $() 工作所需的 jQuery JS 文件。

runserver 消息完全正常。它们是接收到的 HTTP 调用以及它们的工作方式，200 和 304 表示找到或不需要再次获取的文件。所以这很好。同样，我没有看到您的浏览器请求 jQuery，所以我认为它可能丢失了。

要进行故障排除，您应该在 Javascript 控制台（在浏览器中）而不是在 runserver 中查找错误。

希望有帮助。

于 2012-10-22T19:51:59.300 回答