用于django项目的与bootstrap3兼容的datetimepicker。
django-bootstrap3-datetimepicker的Python项目详细描述
- 此包使用由以下项目提供的引导v3 DateTimePicker小部件版本2:
- https://github.com/Eonasdan/bootstrap-datetimepicker
- 可在此处找到日期的正确格式选项:
- http://momentjs.com/docs/
它只适用于bootstrap3。如果您在 Django项目,看看这个: https://github.com/zokis/django-bootstrap-datetimepicker
安装
- 运行pip install django-bootstrap3-datetimepicker
- 将'bootstrap3_datetime'添加到INSTALLED_APPS
示例
forms.py
from bootstrap3_datetime.widgets import DateTimePicker from django import forms class ToDoForm(forms.Form): todo = forms.CharField( widget=forms.TextInput(attrs={"class": "form-control"})) date = forms.DateField( widget=DateTimePicker(options={"format": "YYYY-MM-DD", "pickTime": False})) reminder = forms.DateTimeField( required=False, widget=DateTimePicker(options={"format": "YYYY-MM-DD HH:mm", "pickSeconds": False}))
options将传递给javascript datetimepicker 实例。可用的options解释如下 文档:
您不需要设置language选项,因为它将被设置 线程的当前语言。
template.html
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.css"> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.js"> </script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.js"> </script> {{ form.media }} </head> <body> <form method="post" role="form"> {% for field in form.visible_fields %} <div id="div_{{ field.html_name }}" class="form-group{% if field.errors %} has-error{% endif %}"> {{ field.label_tag }} {{ field }} <div class="text-muted pull-right"> <small>{{ field.help_text }}</small> </div> <div class="help-block"> {{ field.errors }} </div> </div> {% endfor %} {% for hidden in form.hidden_fields %} {{ hidden }} {% endfor %} {% csrf_token %} <div class="form-group"> <input type="submit" value="Submit" class="btn btn-primary" /> </div> </form> </body> </html>
bootstrap3和jquery必须与 {{ form.media }}
发行说明
2.2.3版
- 将bootstrap-datetimepicker.js更新为2.1.30版
2.0.0版
- 包括bootstrap-datetimepicker.js版本2.1.11和moment.js
- 由于使用moment.js,格式字符串已更改
要求
- python=2.4
- django>;=1.3
- 引导程序=3.0