Проблемы с использованием начальной загрузки datePicker в шаблонах Django

Question

Я кодирую очень простой сайт, и мне нужно использовать загрузчик DatePicker на моей домашней странице.

Здесь вы можете найти моего представителя на github.

Итак, у меня есть две модели:

class State(models.Model):
    initials = models.CharField('Sigla', max_length=2, blank = False)
    name     = models.CharField('Estado', max_length=50, blank = False)
    count    = models.IntegerField('Total de Eventos', default=0)

    def __str__(self):
        return self.name



    class Meta:
        verbose_name        = 'Estado'
        verbose_name_plural = 'Estados'
        ordering            = ['initials']

class Alien(models.Model):
    city     = models.CharField('Cidade', max_length=50, blank = False)
    state    = models.ForeignKey(State, verbose_name='Estado', related_name='state_fk', on_delete=models.DO_NOTHING)
    date     = models.DateField('Data', blank = False, default = date.today)    # ON_DELETE SETADO COMO DO_NOTHING POIS NENHUM ESTADO
                                                                                # SERÁ DELETADO DO DB EM NENHUM MOMENTO.

    @property
    def state_initial(self):
        return self.state.initials

    @property
    def state_name(self):
        return self.state

    def save(self, *args, **kwargs):
        if self.pk is None:
            self.state.count += 1
            self.state.save()
            super(Alien, self).save(*args, **kwargs)
        pass

    def __str__(self):
        return self.city

    class Meta:
        verbose_name        = 'Ocorrência'
        verbose_name_plural = 'Ocorrências'

Для этих двух я создал эту форму:

from django       import forms
from django.conf  import settings
from .models      import Alien, State



class AlienForm(forms.ModelForm):

    class Meta:
        model   = Alien
        fields  = ['city', 'state', 'date']
        widgets = {'date': forms.DateInput(attrs={'class': 'datepicker'})}

и этот шаблон домашней страницы:

{% extends "base.html" %}

{% load static %}
{% block date_script %}
<script>
    $( function() {
        $( “#id_date” ).datepicker({minDate: 0, maxDate: "+24M"});
    } );
</script>
{% endblock %}
{% block content %}

<div class="container">
    <form class="" action="" method="post">
        <legend><h2>Cadastro:</h2></legend>
        <form action="/datepickerview/" method="post">
        {% for field in form %}
        <div class="well">
                <p>{{ field.label }}: {{ field }}</p>
        </div>
        {% endfor %}
        </form>
        <hr />
        <input class="btn btn-primary" type="Submit" />
    </form>
</div>
{% endblock %}

Все бэк-энды работают, но datePicker не отображается, я пробовал много уроков, которые я читал в интернете, но ни один из них мне не помог; (

Я прочитал много вопросов по этому поводу здесь в stackOverflow, но ни один из них не сработал.

Я действительно новичок в Bootstrap (на самом деле я новичок во всем, что касается внешнего интерфейса, так что наберитесь терпения, пожалуйста, смеется), вероятно, это очень простая проблема.