how to show datepicker calendar on datefield

by

You can use widget to pass a class to the form when it will be rendered in the html. Then that class will be read by javascript to render the datepicker function.

Here is an example:

from django import forms
class HolidayTimeForm(forms.Form):
    holiday_date = forms.DateField(widget=forms.TextInput(attrs=
                                {
                                    'class':'datepicker'
                                }))

… or through the widgets attribute in the Meta class when using ModelForm:

class HolidayTimeForm(forms.ModelForm):

    class Meta:
        model = Holiday
        widgets = {
            'holiday_date': forms.DateInput(attrs={'class':'datepicker'}),
        }

Now in template:

 /* Include the jquery Ui here */
 <script>
  $(function() {
    $( ".datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: "1900:2012",
      // You can put more options here.

    });
  });
  </script>

More Related Contents:

  1. When saving, how can you check if a field has changed?
  2. Django: How can I protect against concurrent modification of database entries
  3. How to express a One-To-Many relationship in Django?
  4. Django – Circular model import issue
  5. Override default queryset in Django admin
  6. Setting the selected value on a Django forms.ChoiceField
  7. Django: Set foreign key using integer?
  8. How can I have two foreign keys to the same model in Django?
  9. Django ModelForm: What is save(commit=False) used for?
  10. Django migrate –fake and –fake-initial explained
  11. django – get() returned more than one topic
  12. Django custom managers – how do I return only objects created by the logged-in user?
  13. Django – how to specify a database for a model?
  14. “Post Image data using POSTMAN”
  15. Django: Validate file type of uploaded file
  16. How to add data into ManyToMany field?
  17. Raw SQL queries in Django views
  18. Django data migration when changing a field to ManyToMany
  19. Django model: delete() not triggered
  20. Django accessing ManyToMany fields from post_save signal
  21. Dropdown in Django Model
  22. How to query Case-insensitive data in Django ORM?
  23. Django comparing model instances for equality
  24. Django unique_together with nullable ForeignKey
  25. Django Order By Date, but have “None” at end?
  26. How to add a sortable count column to the Django admin of a model with a many-to-one relation?
  27. Password field in Django model
  28. Creating Partial Indexes with Django 1.7
  29. conversion of datetime Field to string in django queryset.values_list()
  30. Django Rest framework, how to include ‘__all__’ fields and a related field in ModelSerializer ?

Leave a Comment