Django - Date picker for date of birth

Question

I have the following form:

class ProfileForm(forms.ModelForm):
    class Meta:
        model = Profile
        fields = ('title', 'dob')
        labels = {
            'dob': ('D.O.B'),
        }

Which is based on the following model:

class Profile(models.Model):
    user = models.OneToOneField(User)
    title = models.CharField(max_length=10)
    dob = models.DateField(max_length=8)

    class Meta:
        managed = True
        db_table = 'fbf_profile'

the HTML part is as follows:

            <div class="form-group">
                <label class="col-sm-5 control-label">{{ profileform.dob.label }}:</label>
                <div class="col-sm-7">
                    {{ profileform.dob }}
                    <div class="text-danger">
                        {% for error in profileform.dob.errors %}{{ error }}<br/>{% endfor %}
                    </div>
                </div>
            </div>

It is displaying correctly but in it's current format the user has to type their date of birth manually. I would like a date picker that allows them to choose day, month, year from three separate drop down boxes. Any idea on the best way to achieve this? Or if someone has any better ways they think selecting date of birth then I am open to ideas.

Many thanks, Alan.

Refer: http://stackoverflow.com/questions/20700185/how-to-use-datepicker-in-django — Pranav Aggarwal, Jan 13 '17 at 23:39
Many thanks for the link. I am just struggling to follow it as I am using a model to create my form but the example shows a brand new form being created. — Alan Tingey, Jan 14 '17 at 09:54

score 6 · Answer 1 · edited Jan 17 '17 at 08:50

6

You need to use DateInput widget from django.forms.widget.DateInput class for your field

from django.forms.widgets import DateInput


class ProfileForm(forms.ModelForm):
class Meta:
    model = Profile
    fields = ('title', 'dob')
    labels = {
        'dob': ('D.O.B'),
    }
    widgets = {
        'dob': DateInput(attrs={'type': 'date'})
    }

edited Jan 17 '17 at 08:50

Subhanshu

2,036
1
12
17

answered Jan 14 '17 at 08:58

Andry Widya Putra UN

61
1

I get the error: from django.forms.widget import DateInput ImportError: No module named widget. Thanks for the idea, will look into it. – Alan Tingey Jan 14 '17 at 09:40

Django - Date picker for date of birth

1 Answers1