与bootstrap3兼容的用于django项目的datetimepicker和timepicker。
django-bootstrap3-datetimepicker-timepicker的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.3版
- 将bootstrap-datetimepicker.js更新到3.0版
2.2.3版
- 将bootstrap-datetimepicker.js更新为2.1.30版
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
欢迎加入QQ群-->： 979659372
