Django 小部件 DateTimePicker $ 未定义
Django widget DateTimePicker $ is not defined
我想将 DateTimePicker 小部件添加到我的模型中,但我的模板有一些问题,它不起作用并且不显示日历。
我认为这是块和小部件生成的内容 的问题。也许我可以关闭这个功能,或者手动编辑这部分?
在控制台中出现错误:
Uncaught ReferenceError: $ is not defined
由小部件(浏览器)生成的模板脚本:
<p><label for="id_event_date">Event date:</label>
<div id="id_event_date" class="input-group date">
<input class="form-control" id="id_event_date" name="event_date" type="text" value="2015-07-28 03:39:46" />
<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
</div>
<script type="text/javascript">
$("#id_event_date").datetimepicker({
autoclose: true,
language: 'ru',
format: 'yyyy-mm-dd hh:ii:ss'
}).find('input').addClass("form-control");
</script>
<input id="initial-id_event_date" name="initial-event_date" type="hidden" value="2015-07-28 03:39:46" /></p>
Form.py
from django import forms
from .models import Event
from datetimewidget.widgets import DateTimeWidget
class EventConstr(forms.ModelForm):
class Meta:
model = Event
fields = ['title', 'event_date']
widgets = {
'event_date': DateTimeWidget(attrs={'class': "form-control"}, usel10n = True, bootstrap_version=3)
}
我的模板(代码):
<form enctype="multipart/form-data" method="POST" role="form">
{% csrf_token %}
{{ form.as_p }}
<button type="submit" class="save btn btn-default">Save</button>
</form>
如果我能给你更多信息,请问我!
$ is not defined
表示您尚未加载 jQuery.
因此您需要将其加载到您的基本模板或类似模板中;
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
我想将 DateTimePicker 小部件添加到我的模型中,但我的模板有一些问题,它不起作用并且不显示日历。 我认为这是块和小部件生成的内容 的问题。也许我可以关闭这个功能,或者手动编辑这部分?
在控制台中出现错误:
Uncaught ReferenceError: $ is not defined
由小部件(浏览器)生成的模板脚本:
<p><label for="id_event_date">Event date:</label>
<div id="id_event_date" class="input-group date">
<input class="form-control" id="id_event_date" name="event_date" type="text" value="2015-07-28 03:39:46" />
<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
</div>
<script type="text/javascript">
$("#id_event_date").datetimepicker({
autoclose: true,
language: 'ru',
format: 'yyyy-mm-dd hh:ii:ss'
}).find('input').addClass("form-control");
</script>
<input id="initial-id_event_date" name="initial-event_date" type="hidden" value="2015-07-28 03:39:46" /></p>
Form.py
from django import forms
from .models import Event
from datetimewidget.widgets import DateTimeWidget
class EventConstr(forms.ModelForm):
class Meta:
model = Event
fields = ['title', 'event_date']
widgets = {
'event_date': DateTimeWidget(attrs={'class': "form-control"}, usel10n = True, bootstrap_version=3)
}
我的模板(代码):
<form enctype="multipart/form-data" method="POST" role="form">
{% csrf_token %}
{{ form.as_p }}
<button type="submit" class="save btn btn-default">Save</button>
</form>
如果我能给你更多信息,请问我!
$ is not defined
表示您尚未加载 jQuery.
因此您需要将其加载到您的基本模板或类似模板中;
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>