Как я могу отобразить поле DateTimeField в шаблоне django так, как оно отображается в админке при создании представления?

Вот моя модель: 

 class Event(models.Model):
  title = models.CharField(max_length = 255)
  club = models.CharField(max_length=70)
  event_image = models.ImageField(upload_to="event_images", default='aqsa_copy.jpeg', blank=True)
  date = models.DateTimeField(null = True)
  location = models.CharField(max_length=30)
  first_name = models.CharField(max_length=15)

Вот как это отображается в админке:

enter image description here

Я хочу сделать так в шаблоне, и иметь возможность выбрать дату и время.

Но на данный момент у меня есть вот что:

enter image description here

Пожалуйста, помогите мне, если можете?

Вы можете архивировать эти вещи, используя widgets функциональность формы модели django

form.py

class EventForm(forms.ModelForm):
    class Meta:
        model = Event
        fields = ['title', 'club', 'date', 'location', 'first_name']
        widgets = {
            
            'date': forms.DateInput(attrs={'type': 'datetime-local'}),
        }

# Html code
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    {{form}}
</body>
</html>

Окончательный вывод

enter image description here

Вернуться на верх