用于django 2.x项目的与bootstrap3兼容的datetimepicker。
django2-bootstrap3-datetimepicker的Python项目详细描述
这个项目最初是 https://github.com/tutorcruncher/django-bootstrap3-datetimepicker: js/css文件现在再次包含在项目中
- 此包使用由以下项目提供的引导v3 DateTimePicker小部件版本2:
- https://github.com/Eonasdan/bootstrap-datetimepicker
- 可在此处找到日期的正确格式选项:
- http://momentjs.com/docs/
它只适用于bootstrap3。
安装
- 运行pip install django2-bootstrap3-datetimepicker
- 将'bootstrap3_datetime'添加到INSTALLED_APPS
示例
表格.py
frombootstrap3_datetime.widgetsimportDateTimePickerfromdjangoimportformsclassToDoForm(forms.Form):todo=forms.CharField(widget=forms.TextInput(attrs={"class":"form-control"}))date=forms.DateField(widget=DateTimePicker(options={"format":"YYYY-MM-DD"}))reminder=forms.DateTimeField(required=False,widget=DateTimePicker(options={"format":"YYYY-MM-DD HH:mm"}))
options将传递给javascript datetimepicker 实例。可用的options解释如下 文档:
您不需要设置language选项,因为它将被设置 线程的当前语言。
template.html
<!DOCTYPE html><html><head><linkrel="stylesheet"href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.css"><linkrel="stylesheet"href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.css"><scriptsrc="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.js"></script><scriptsrc="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.js"></script> {{ form.media }} </head><body><formmethod="post"role="form"> {% for field in form.visible_fields %} <divid="div_{{ field.html_name }}"class="form-group{% if field.errors %} has-error{% endif %}"> {{ field.label_tag }} {{ field }} <divclass="text-muted pull-right"><small>{{ field.help_text }}</small></div><divclass="help-block"> {{ field.errors }} </div></div> {% endfor %} {% for hidden in form.hidden_fields %} {{ hidden }} {% endfor %} {% csrf_token %} <divclass="form-group"><inputtype="submit"value="Submit"class="btn btn-primary"/></div></form></body></html>
bootstrap3和jquery必须与 {{ form.media }}
要求
- python=3.4
- django>;=2.0
- bootstrap==3.x
- 力矩>;=2.10.6
- 引导DateTimePicker>;=4.15.35