title: how to show datepicker calender on datefield in crispy forms?
body: <p>i am new to django. i create a model form which shows calender (datepicker) on admin side 
  like this </p>
  
  <p><img src="https://i.stack.imgur.com/VPSN3.png" alt="enter image description here"></p>
  
  <p>but when i use that crispy form in my template file its just the regular field with no datepicker</p>
  
  <p><img src="https://i.stack.imgur.com/y8NzS.png" alt="enter image description here"></p>
  
  <p>i am unable to find out the solution kindly help me here is my code</p>
  
  <p>Model.py</p>
  
  <pre><code>class jobpost(models.Model):
  item_types = (
      ('Full Time',_('Full Time')),
      ('Part Time',_('Part Time')),
      ('Contract',_('Contract')),
  )
  
  post_type= (
      ('Job',_('Job')),
      ('Classified',_('Classified')),
      ('Project/Task',_('Project/Task')),
      ('Internship',_('Internship')),
  
  )
  #user = models.ForeignKey(User)
  job_id =             models.AutoField(primary_key=True)
  #user = models.ForeignKey(User, editable = False)
  
  
  post_type =        models.CharField(verbose_name=_('Post type'),max_length=255,null=True, choices=post_type,default='Job')
  job_type =        models.CharField(verbose_name=_('Job type'),max_length=255,null=True, choices=item_types,default='Full Time')
  job_location =    models.CharField(verbose_name=_('Job location'),max_length=255,null=True)
  job_title =             models.CharField(verbose_name=_('Job title'),max_length=255,null=True)
  job_description =       models.TextField(verbose_name=_('Job description'),null=True)
  start_date =    models.DateField(verbose_name=_('Start date') ,null=True)#4 April 2013
  end_date =      models.DateField(verbose_name=_('End date'),null=True)
  how_to_apply =    models.CharField(verbose_name=_('How to Apply'),max_length=255,null=True)
  </code></pre>
  
  <p>here are my widgets in model.py</p>
  
  <pre><code>widgets = {
  
      'job_type':RadioSelect(),    
      'job_location':TextInput(attrs={'size':'70'}),   
      'job_description':Textarea(attrs={'cols':200, 'rows':10}),
          'start_date':DateInput(attrs={
              'class': 'datepicker',
              'data-date-format': 'yyyy/mm/dd', 
          }),
  
          'end_date':DateInput(attrs={
              'class': 'datepicker',
  
              'data-date-format': 'yyyy/mm/dd', 
          }),
  
  
  }
  </code></pre>
  
  <p>here i am using that form im my template</p>
  
  <pre><code>&lt;head&gt;
  {% extends "portal/site_base.html" %}
  {% load crispy_forms_tags %}
  &lt;p&gt;Step {{ step }} of {{ step_count }}&lt;/p&gt;
  {% comment %}
  {% load i18n %}
  {% trans "Main page of the portal." %}
  
  {% endcomment %}
  {% block content %}
  &lt;meta http-equiv="Content-Language" content="en-us" /&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Welcome {{ user.username }} &lt;/title&gt;
  
  &lt;script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-min.js"&gt;&lt;/script&gt; 
  &lt;!-- give correct location for jquery.js --&gt;
  &lt;script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-ui-min.js"&gt;&lt;/script&gt; 
  &lt;!-- give correct location for jquery-ui.js --&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
        $('.dateinput').datepicker({ format: "yyyy/mm/dd" });
     }); 
  &lt;/script&gt;
  
  &lt;/head&gt;
  {{ post_type_value }}
  &lt;body&gt;
  
  &lt;form method="post" action="/portal/next/post/" class="blueForms" id="id-jobpostform"&gt;
  
  
  {% csrf_token %}
  {{ post_type_value }}
  {% crispy form %}
  {% if request.REQUEST.post_type %}
  &lt;input type="hidden" name="post_type" value="{{ request.REQUEST.post_type }}"&gt;
  {% endif %}
  {{ post_type_value }}
  {% for field.post_type in form %}{{ field.as_hidden }}
  &lt;input type="hidden" name="{{ post_type_field }}" value="{{ post_type_value }}" /&gt;
  {% endfor %}
  </code></pre>
  
  <p>thats is the error jquery is not working</p>
  
  <pre><code>[08/Apr/2013 08:08:02] "GET /portal/next/js/jquery-min.js HTTP/1.1" 404 4051 
  [08/Apr/2013 08:08:02] "GET /portal/next/js/jquery-ui-min.js HTTP/1.1" 404 4060 
  </code></pre>
  
  <p>i tried my level best to give different paths for jquery but its not working.</p>