25 bootstrap--v3--datetimepicker时间选择器--应用
在模板中引用响应的文件
比如:
layout.html
<link rel="stylesheet" href="{% static 'stark/plugins/datetimepicker/css/bootstrap-datetimepicker.css' %} "/>
<script src="{% static 'stark/plugins/datetimepicker/js/bootstrap-datetimepicker.js' %} "></script>
<script src="{% static 'stark/plugins/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js' %} "></script>
在自己modelform中;
from django import forms
class DateTimePickerInput(forms.TextInput):
template_name = 'stark/forms/widgets/datetime_picker.html'
class ClassListModelForm(StarkModelForm):
class Meta:
model = models.ClassList
fields = '__all__'
widgets = {
'start_date': DateTimePickerInput,
'graduate_date': DateTimePickerInput,
}
datetime_picker.html
<div class="input-group date form_date">
<input readonly class="form-control" type="{{ widget.type }}" name="{{ widget.name }}"{% if widget.value != None %}
value="{{ widget.value|stringformat:'s' }}"{% endif %}{% include "django/forms/widgets/attrs.html" %} />
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
</div>