2017-10-15 2 views
1

初心者として、私はPython-Django、html、javascript、cssの間の接続を理解することに苦労します。応答がないdjango-bootstrap3-datetimepicker(カレンダーを表示していません)

手元に問題があります:django-bootstrap3-datetimepicker-2からDateTimePickerウィジェットを実装しようとしています。

このライブラリにはjs/cssのアセットが含まれていないので、静的ファイルなどを正しくロードしたかどうかを確認するために、バックエンドの関与なしでdatetimepickerを実装しました。 (私も、フォームウィザードの恩恵を受けるたかった

class FooForm(forms.Form): 
    pick_a_date = forms.DateTimeField(
     widget=DateTimePicker(options={ 
      "format": "YYYY-MM-DD", 
      "pickTime": False} 
     )) 

:意図したとおりに

<div class="container"> 
    <div class="row"> 
     <div class="col-sm-6"> 
      <div class="form-group"> 
       <div class="input-group date" id="datetimepicker1"> 
        <input type="text" class="form-control"> 
        <span class="input-group-addon"> 
         <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 
     <script type="text/javascript"> 
      $(function() { 
       $('#datetimepicker1').datetimepicker(); 
      }); 
     </script> 
    </div> 
</div> 

すべてが働いていたので、私はDjangoのフォームからウィジェットとしてのDateTimePickerを実装しようとした。したがって、私は、HTMLテンプレートにthis exampleを追加しましたすなわちformtools.wizardからSessionWizardView)ので、私出力は次のようにHTMLに、上述した形態:

<form action="" method="post" role="form">{% csrf_token %} 
    <table> 
    {{ wizard.management_form }} 
    {% if wizard.form.forms %} 
     {{ wizard.form.management_form }} 
     {% for form in wizard.form.forms %} 
      {{ form }} 
     {% endfor %} 
    {% else %} 
     {{ wizard.form }} 
    {% endif %} 
    </table> 

しかし、ウィジェットはRESPONSありません(カレンダーウィンドウが表示されていない場合、グリフコンカレンダーアイコンは何もしません)。私がテスト日時ピッカー(最近働いているもの)を離れると、両方が壊れます。次

開発者コンソールのプリントは:

私は困惑してい
Uncaught TypeError: option pickTime is not recognized! 
    at Boolean.<anonymous> (bootstrap-datetimepicker.js:1440) 
    at Function.each (jquery-2.1.1.min.js:2) 
    at Object.picker.options (bootstrap-datetimepicker.js:1436) 
    at dateTimePicker (bootstrap-datetimepicker.js:2276) 
    at HTMLDivElement.<anonymous> (bootstrap-datetimepicker.js:2309) 
    at Function.each (jquery-2.1.1.min.js:2) 
    at n.fn.init.each (jquery-2.1.1.min.js:2) 
    at n.fn.init.$.fn.datetimepicker (bootstrap-datetimepicker.js:2304) 
    at HTMLDocument.<anonymous> ((index):154) 
    at j (jquery-2.1.1.min.js:2) 

、私もどこを見て知りません。私にこれを説明する記事や文書をご存知ですか?お知らせ下さい。

私はいくつかのgithubsプロジェクトを行っていましたが、私はそれ以上のものは持っていないようです(特に、templatetagsを使用していると心配しましたが、ほとんどが{%load bootstrap3%}、 load static%}、これもあります)。私もこれを試しましたsuggestion

+0

パッケージをどのようにインストールしましたか?ブラウザのコンソールに出力がありますか? – vipertherapper

+0

pip install git + https://github.com/tutorcruncher/django-bootstrap3- datetimepicker(このフォークはDjango 1.11をサポートしています)。ブラウザコンソールに 'Uncaught TypeError:オプションpickTimeが認識されません!'と表示されます。私はポストにすべてを追加します。 –

+0

インストールしたパッケージを削除し、 'pip install django-bootstrap3-datetimepicker-2'を使って再インストールできますか? – vipertherapper

答えて

1

Djangoフォームのフォーマットをdd/MM/YYYYに変更します。さらに、pickTimeをフォームから削除します。私はそれらが以前のリリースで変更されたと信じています。おそらくあなたが使用した例は時代遅れだったでしょう。

+0

@Pawelフォーマットを 'yyyy-mm-dd'に変更すると、実際には' hasTime'が無効になることがあります。それを試してください。 – vipertherapper

+0

残念ながら、手紙と大文字の両方の順序が必要です。プラス、時々ランダムな検証エラーが発生していますので、一時的に私は "フォーマット"に変わりました: "YYYY-MM-DD HH:mm"。しかし、私はこの問題の解決に喜んでいます。 –

+0

私はそれを理解しようとしています。明らかに、表示される時間/分はフォーマットによって決まります。 – vipertherapper

関連する問題