Django datepicker not working?

Question

I am trying to implement a datepicker in a user profile page, but it is not presenting the datepicker when I click on the textfield. Any thoughts?

class ProfileForm(forms.ModelForm):
    class Meta:
        model = Profile
        fields = ('birth_date', )
        widgets = {
            'birth_date': forms.DateInput(attrs={'class': 'form-control'}),
        }

score 1 · Accepted Answer · answered May 02 '17 at 22:15

Install datapicker library and jquery-ui and in your template https://jqueryui.com/datepicker/

<script type="text/javascript">
    $(function(){
        $( "#id_birth_date" ).datepicker({
          yearRange: "-120:+0",
          changeMonth: true,
          changeYear: true,
          dateFormat: "yy-mm-dd",
          beforeShow: function() {
          setTimeout(function(){
            $('.ui-datepicker').css('z-index', 9999);
        }, 0);
    }});
  });
</script>

This answer along with this post solved my problem: http://stackoverflow.com/questions/20700185/how-to-use-datepicker-in-django — arcade16, May 02 '17 at 23:55

score 1 · Answer 2 · edited May 23 '17 at 12:26

1

Supposing that django provide datepicker for DateField by default. The problem may be that when you add widget to add class form-control ,It resets all the default class that are applied by django . Try removing your class

Your problem may be solved by this post

edited May 23 '17 at 12:26

Community

1
1

answered May 02 '17 at 22:35

rand0mb0t

124
1
13

Do you mean remove attrs={'class': 'form-control'}? I tried that and it still didn't work. – arcade16 May 02 '17 at 23:16
@arcade16 are you sure that django provide a datepicker by default to its DateInput Field – rand0mb0t May 02 '17 at 23:19

Django datepicker not working?

2 Answers2