datepicker Is not showing? - django

Question

I am developing an application with Django and I need to choose date and time. I am trying to do it with 'bootstrap_datepicker_plus', but the calendar does not appear when I show the form.
settings.py
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'hungryFalconryApp',
'rest_framework',
'bootstrap4',
'bootstrap_datepicker_plus',
]
BOOTSTRAP4 = {
'include_jquery': True,
}
forms.py
from django import forms
from bootstrap_datepicker_plus import DateTimePickerInput
class DateForm(forms.ModelForm):
class Meta:
model = Comedero
fields = ('dias', 'horas')
widgets = {
'dias': DateTimePickerInput(),
'horas': DateTimePickerInput(),
}
views.py
def programar_comederos(request, nombre):
if request.method == "POST":
form = DateForm(request.POST)
print(nombre)
if(form.is_valid()):
comedero = form.save(commit=False)
print(comedero.dias)
print(comedero.horas)
else:
form = DateForm()
return render(request, 'hungryFalconryApp/programar_comederos.html',{'nombre': nombre, 'form':form})
template.html
{% load bootstrap4 %}
{% bootstrap_css %}
{% bootstrap_javascript jquery='full' %}
{% bootstrap_messages %}
{{ form.media }}
{% block content %}
<form action="" method="post" class="form">
{% csrf_token %}
{% bootstrap_form form %}
{% bootstrap_button "Guardar" button_type="submit" button_class="btn-primary" %}
</form>
{% endblock %}

Answer 1

I have already solved. In django-bootstrap-datepicker-plus it indicates putting {{form.media}} after this code but {{form.media}} must go inside the tag

Answer 2

you can also use Datepicker too, Datepicker is jqueryUI, its faster and also reliable
see example here
you just cdn or jqueryUI file in your project
jqueryUI CDN
<script
src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"
integrity="sha256-0YPKAwZP7Mp3ALMRVB2i8GXeEndvCq3eSl/WsAl1Ryk="
crossorigin="anonymous"></script>
then assign Id to that particular field
<script>
$("#datepicker").datepicker({ dateFormat: 'dd M yy' });
</script>
" datepicker " is html id you also change date format from dateFormat