title: Jquery datepicker django
body: <p>I've been trying to get the jquery datepicker to work on django, I've looked at
  <a href="https://stackoverflow.com/questions/16356289/how-to-show-datepicker-calender-on-datefield">Show datepicker</a> but I've had no luck.</p>
  
  <p>My Date is defined as</p>
  
  <pre><code>    date = models.DateTimeField('Published Date')
  </code></pre>
  
  <p>My date in the form is setup as:</p>
  
  <pre><code>class UploadForm(forms.ModelForm):
      class Meta:
          model = Archive
          widgets = {
              'date': forms.DateInput(attrs={'class': 'datepicker'}),
                 }
  </code></pre>
  
  <p>In My upload.html</p>
  
  <pre><code>{% extends 'budget/base_form_views.html' %}
  &lt;script&gt;
    $(function() {
      $('.datepicker').datepicker({
      changeMonth:true,
      changeYear: true,
      yearRange: 1900:2100,})
    });
  &lt;/script&gt;
  //generated form//
  </code></pre>
  
  <p>The upload.html extends base_form.html and all the scripts are loaded there</p>
  
  <pre><code>&lt;head&gt;  
      &lt;script type="text/javascript" src="{% static 'budget/js/jquery-1.10.2.js' %}"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="{% static 'budget/js/jquery-ui-1.10.4.custom.js' %}"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="{% static 'budget/js/bootstrap.js' %}"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="{% static 'budget/css/jquery-ui.css' %}" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="{% static 'budget/css/bootstrap.css' %}" /&gt;
  
  &lt;/head&gt; 
  </code></pre>
  
  <p>Nothing happends when I click on the date text field, In the firefox console, all scripts and css's get load with no errors.</p>
  
  <p>I'm using Django 1.6.5.</p>
  
  <p>Is there something that I'm missing?</p>
  
  <p>edit: forgot to add Upload View to post.</p>
  
  <pre><code>class UploadView(FormView):
      template_name = "budget/upload.html"
      form_class = UploadForm
      success_url = reverse_lazy('view')
  </code></pre>