django-bootstrap3-datetimepicker

KO | EN

gitlite — search

#hacktoberfest #python #javascript #typescript #nodejs #golang #css #react #machine-learning #tailwindcss #android #api

django-bootstrap3-datetimepicker

★ 117 Open GitHub ↗

No description available.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

django-bootstrap3-datetimepicker
================================

This package uses Bootstrap v3 datetimepicker widget version 2 provided by the following project:
 https://github.com/Eonasdan/bootstrap-datetimepicker

The correct formatting options for dates can be found here:
 http://momentjs.com/docs/

It works only with Bootstrap3. If you are using Bootstrap2 in your Django project, 
visit 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:

* http://eonasdan.github.io/bootstrap-datetimepicker/

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.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

django-bootstrap3-datetimepicker

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README