How to use jQuery UI Datepicker as a Django Widget?

Question

Some of my Django 1.3 models have DateField properties. When a form is generated, I\'d like to use the jQuery UI Datepicker instead of a plain text field. I understand that I co

Answer 1

JQueryUI has a very good date UI picker. You can get it here: http://jqueryui.com

Say for example you have the following form:

class DateForm(forms.Form):
   myDate = forms.DateField()

From here you want to bind the JQuery date widget to your field from within your template.

I am assuming here you are passing the DateForm to your template and your path(s) to JQuery are correct.

    
    
    
    
    
    



Date: 

Please note that myDate is preceded by id_. Django does this transparently so make sure you match it as such: id_myDate.

Hope this helps you.