Bootstrap3 compatible datetimepicker for Django 2.x projects.
Project description
This project was originally a fork of https://github.com/tutorcruncher/django-bootstrap3-datetimepicker : The js/css files are now included again into the project
- 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.
Install
Run pip install django2-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"}))
reminder = forms.DateTimeField(
required=False,
widget=DateTimePicker(options={"format": "YYYY-MM-DD HH:mm"}))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 }}
Requirements
Python >= 3.4
Django >= 2.0
Bootstrap == 3.X
Moment >= 2.10.6
bootstrap-datetimepicker >= 4.15.35
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
Filter files by name, interpreter, ABI, and platform.
If you're not sure about the file name format, learn more about wheel file names.
Copy a direct link to the current filters
File details
Details for the file django2-bootstrap3-datetimepicker-3.0.3.tar.gz.
File metadata
- Download URL: django2-bootstrap3-datetimepicker-3.0.3.tar.gz
- Upload date:
- Size: 70.9 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/3.2.0 pkginfo/1.5.0.1 requests/2.23.0 setuptools/46.1.3 requests-toolbelt/0.9.1 tqdm/4.49.0 CPython/3.6.8
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 |
125a515a630af2f3ae52127fd2dea729df63ce7d0beb4df8ae1623aa9566ab1a
|
|
| MD5 |
b7f58a3c0302fb5e38dc0fc2f8792995
|
|
| BLAKE2b-256 |
dc848ff4238546b684e5c7eea7db1f1ee614b4a825b3815d8b02521edc6dd536
|
File details
Details for the file django2_bootstrap3_datetimepicker-3.0.3-py3-none-any.whl.
File metadata
- Download URL: django2_bootstrap3_datetimepicker-3.0.3-py3-none-any.whl
- Upload date:
- Size: 124.9 kB
- Tags: Python 3
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/3.2.0 pkginfo/1.5.0.1 requests/2.23.0 setuptools/46.1.3 requests-toolbelt/0.9.1 tqdm/4.49.0 CPython/3.6.8
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 |
1b262ef6e8ea57ad5dcf8967820c94610bfc73f8e2bc8c816c62384762e8574c
|
|
| MD5 |
a5b7cd12bed1a644542954793c832870
|
|
| BLAKE2b-256 |
01c79eba486defc9cca100743f4762be561db2cae68501ceb639a827ac42e989
|
