Django Form Datepicker

Are you tired of manually typing dates in your Django forms? Would you like to make it easier for your users to select dates? Look no further than Django Form Datepicker!

What is Django Form Datepicker?

Django Form Datepicker is a simple-to-use Django package that adds a datepicker widget to your form fields. With this widget, your users can select dates from a calendar rather than having to manually enter them into a text field.

How to Install

To install Django Form Datepicker, simply run the following command:

pip install django-form-datepicker

How to Use

1. First, import the DatePickerInput widget from django_form_datepicker.widgets in your forms.py file:

from django_form_datepicker.widgets import DatePickerInput

class MyForm(forms.Form):
    my_date_field = forms.DateField(widget=DatePickerInput())

2. In your HTML template, render the form field with the as_crispy_field tag provided by the django-crispy-forms package:

{% load crispy_forms_tags %}
<form>
    {% csrf_token %}
    {{ form.my_date_field|as_crispy_field }}
    <button type="submit">Submit</button>
</form>

3. Include jQuery and the jQuery-UI datepicker script and styles in your template:

{% block extra_js %}
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
{% endblock %}

{% block extra_css %}
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
{% endblock %}

And that's it! Your form field now has a handy datepicker widget.

Customizing the Datepicker

You can customize the date format and language of the datepicker by passing arguments to the DatePickerInput widget. For example, to use the French language and the "dd/mm/yyyy" format, you would use the following code:

from django_form_datepicker.widgets import DatePickerInput

class MyForm(forms.Form):
    my_date_field = forms.DateField(widget=DatePickerInput(format='%d/%m/%Y', attrs={'language': 'fr'}))

Conclusion

Django Form Datepicker is an easy way to add a datepicker widget to your form fields in Django. With just a few lines of code and some simple customization, you can greatly improve your users' experience and make your forms more user-friendly.