Bootstrap4 compatible datetimepicker for Django projects.
Project description
- This package uses Bootstrap v3 datetimepicker widget version 2 provided by the following project:
- The correct formatting options for dates can be found here:
It works only with Bootstrap3. If you are using Bootstrap2 in your Django project, check out this: https://github.com/zokis/django-bootstrap-datetimepicker
Install
Run pip install django-bootstrap3-datetimepicker
Add 'bootstrap3_datetime' to your INSTALLED_APPS
Example
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}))
The options will be passed to the JavaScript datetimepicker instance. Available options are explained in the following documents:
You don’t need to set the language option, because it will be set the current language of the thread automatically.
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 and jQuery have to be included along with {{ form.media }}
Release Notes
v2.3
Updated bootstrap-datetimepicker.js to version 3.0
v2.2.3
Updated bootstrap-datetimepicker.js to version 2.1.30
v2.2.3
Updated bootstrap-datetimepicker.js to version 2.1.30
v2.0.0
Includes bootstrap-datetimepicker.js version 2.1.11 with moment.js
The format strings have changed due to using moment.js
Requirements
Python >= 2.4
Django >= 1.3
Bootstrap >= 3.0
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for django-bootstrap4-datetimepicker-4.0.tar.gz
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | cf595ec9ec6ee975a3b1b51bdb5a53649deedf0fbc0984f4630cfc8aa1f30172 |
|
| MD5 | 20949c5c3f70222dd51cc7245cb88f2f |
|
| BLAKE2b-256 | c05f960fc6182a55546967da1b126f3e2e68e7a7a8ca67216140073184ac2a3f |
Hashes for django_bootstrap4_datetimepicker-4.0-py3-none-any.whl
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | ba64c381e0ab04615fe7fdf6ccd1e0307bff0df833a2b60a54fc5f4ad6d779bb |
|
| MD5 | 10633d6b19b4f042d13c8ecf33b3d1f5 |
|
| BLAKE2b-256 | 80bb84ec74767cb1a7dfc3cf0c3c0cbbc88fdd118c1c0b392bdf5c0212d46dc9 |
