title: How to use the bootstrap-datepicker in Django app?
body: <p>I want to use the bootstrap-datepicker (<a href="https://bootstrap-datepicker.readthedocs.org" rel="noreferrer">https://bootstrap-datepicker.readthedocs.org</a>) in my django application. I use Django 1.7.</p>
  
  <p>In index.html file I have:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="{% static 'my_app/css/bootstrap-theme.min.css' %}"&gt;
  &lt;link rel="stylesheet" href="{% static 'my_app/css/bootstrap.min.css' %}"&gt;
  &lt;link rel="stylesheet" href="{% static 'my_app/js/bootstrap-datepicker.js' %}"&gt;
  &lt;link rel="stylesheet" href="{% static 'my_app/css/datepicker.css' %}"&gt;
  &lt;script src="//code.jquery.com/jquery-1.11.2.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function(){
          $('.datepicker').datepicker();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p>In my forms.py I have:</p>
  
  <pre><code>class Filter(django_filters.FilterSet):
  
      class Meta:
          model = MyModel
          fields = ['user', 'date_from', 'date_to']
          widgets = {'date': forms.DateInput(attrs={'class':'datepicker'})}
  </code></pre>
  
  <p>I my model.py I use to set date:</p>
  
  <pre><code>date_from = models.DateField()
  date_to = models.DateField()
  </code></pre>
  
  <p>When I'm going through the page with the date - does not work in input area.</p>