DateTimePicker与Django脆型
我正在使用Python3、Django 1.5和bootstrap3 我有一个带有DateTimeField对象的模型,对于与该模型相关的表单,我想从这里使用DateTimePicker小部件: 此小部件的html应为:DateTimePicker与Django脆型,django,twitter-bootstrap,django-crispy-forms,Django,Twitter Bootstrap,Django Crispy Forms,我正在使用Python3、Django 1.5和bootstrap3 我有一个带有DateTimeField对象的模型,对于与该模型相关的表单,我想从这里使用DateTimePicker小部件: 此小部件的html应为: <div id="div_id_start_time" class="form-group"> <label for="id_start_time" class="control-label col-lg-2">Start Time</
<div id="div_id_start_time" class="form-group">
<label for="id_start_time" class="control-label col-lg-2">Start Time</label>
<div class="col-lg-5 input-append input-group date form_datetime"
data-date-format="dd MM yyyy - HH:ii P" data-link-field="id_start_time">
<input class="form-control" size="16" type="text" value="" readonly>
<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>
<input type="hidden" id="id_start_time" value="" /><br/>
</div>
</fieldset>
开始时间
我试图使用crispy表单,但是我很难让它生成这个特定的输出。我有一种感觉,我需要为这个小部件创建自己的布局对象,但我不知道如何去做,文档在这个主题上有点单薄
有什么想法吗?我最后做的就是为这个小部件创建一个模板。代码如下所示: datetimefield.html
{% load crispy_forms_field %}
<div{% if div.css_id %} id="{{ div.css_id }}"{% endif %} class="form-group{% if form_show_errors and field.errors %} has-error{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}{% if div.css_class %} {{ div.css_class }}{% endif %}">
{% if field.label and form_show_labels %}
<label for="{{ field.id_for_label }}" class="control-label {{ label_class }}{% if field.field.required %} requiredField{% endif %}">
{{ field.label|safe }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}
</label>
{% endif %}
<div class="controls input-group input-append date form-datetime col-md-5" data-link-field="{{ field.id_for_label }}" {{ flat_attrs|safe }}>
<input class="form-control" size="16" type="text" value="" readonly>
<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>
<input type="hidden" id="{{ field.id_for_label }}" value="" /><br/>
{% include 'bootstrap3/layout/help_text_and_errors.html' %}
</div>
我最后做的就是为这个小部件创建一个模板。代码如下所示: datetimefield.html
{% load crispy_forms_field %}
<div{% if div.css_id %} id="{{ div.css_id }}"{% endif %} class="form-group{% if form_show_errors and field.errors %} has-error{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}{% if div.css_class %} {{ div.css_class }}{% endif %}">
{% if field.label and form_show_labels %}
<label for="{{ field.id_for_label }}" class="control-label {{ label_class }}{% if field.field.required %} requiredField{% endif %}">
{{ field.label|safe }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}
</label>
{% endif %}
<div class="controls input-group input-append date form-datetime col-md-5" data-link-field="{{ field.id_for_label }}" {{ flat_attrs|safe }}>
<input class="form-control" size="16" type="text" value="" readonly>
<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>
<input type="hidden" id="{{ field.id_for_label }}" value="" /><br/>
{% include 'bootstrap3/layout/help_text_and_errors.html' %}
</div>