Using date picker from django admin

Question

I'm new to Django and I'm trying to find the Django Admin date picker widget. I have search but got no results. Could anyone help me to use it on the project I'm working on?

I have a datetimefield in my model, like this:

fin = models.DateTimeField()

When creating a model from the admin is shows the widget but when I do it from the project it doesn't.

Alex Morozov · Accepted Answer · 2016-01-15T21:22:18.860

20

Specify the widget in your form as follows:

from django.contrib.admin.widgets import AdminDateWidget

class YourForm(forms.ModelForm):
        from_date = forms.DateField(widget=AdminDateWidget())

Don't forget to include the scripts and css in your template:

{{ form.media }}

edited Jan 15 '16 at 21:22

answered Jan 15 '16 at 19:16

Alex Morozov

5,517
18
25

Hi Alex. Thank you for the reply. I'm still having problems to show the calendar and the "Now" feature. Is that external to the AdminDateWidget()? Is there a way I can see documentation about this? – Rodrigo Munoz Jan 15 '16 at 20:57
The common pitfall is to forget to include forms' media (css and js files) in the template. Have you done it? Like, `{{ form.media }}`. – Alex Morozov Jan 15 '16 at 21:20
6

@AlexMorozov Using only `{{ form.media }}` does not work. Other admin related css and js files have to be included as mentioned here http://stackoverflow.com/a/12916263/3590449 – Ibrahim Nov 29 '16 at 09:09

score 9 · Answer 2 · answered Sep 28 '17 at 03:04

If for some reason you are looking to use the date picker with a PostgreSQL DateRangeField, you can do so like so:

from django.contrib.admin.widgets import AdminDateWidget
from django.contrib.postgres.forms.ranges import DateRangeField, 
RangeWidget

class YourForm(forms.ModelForm):
    date_range = DateRangeField(widget=RangeWidget(AdminDateWidget()))

Using date picker from django admin

2 Answers2