1

非常によく似た問題datepickerがあることは知っていますが、問題が異なると考えているため、自分で解決できませんでした。したがって、ローカルのdjangoプロジェクトでbootstrap-datepicker bootstrap- datepickerを使用しようとしています。現在バージョン1.4を使用しているdjangoを少し使用した経験があります。DateField に datepicker インターフェイスを使用できるようにしたい ModelForm があります。以下を使用して、テンプレートでフォーム フィールドを正しくレンダリングします。

 <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 が正常に表示されます。カレンダーからの日付。フォームを使用して 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 メッセージは完全に正常です。200 と 304 は、ファイルが見つかったか、再度フェッチする必要がなかったことを意味します。それで結構です。繰り返しますが、あなたのブラウザーが jQuery を要求しているように見えないので、jQuery が欠落している可能性があります。

トラブルシューティングを行うには、runserver ではなく Javascript コンソール (ブラウザ内) でエラーを探す必要があります。

それが役立つことを願っています。

于 2012-10-22T19:51:59.300 に答える