初心者として、私は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。
パッケージをどのようにインストールしましたか?ブラウザのコンソールに出力がありますか? – vipertherapper
pip install git + https://github.com/tutorcruncher/django-bootstrap3- datetimepicker(このフォークはDjango 1.11をサポートしています)。ブラウザコンソールに 'Uncaught TypeError:オプションpickTimeが認識されません!'と表示されます。私はポストにすべてを追加します。 –
インストールしたパッケージを削除し、 'pip install django-bootstrap3-datetimepicker-2'を使って再インストールできますか? – vipertherapper