Как настроить поле даты и времени в формах django?

Как настроить поле dateTime по умолчанию в формах django, чтобы оно было более дружелюбным к пользователю.

forms.py:

class new_album_form(forms.ModelForm):
    class Meta:
        model = album
        fields = ['album_name', 'album_artist', 'released_at', 'price', 'is_approved']

и я использую формы django по умолчанию

<form method="post" novalidate>
  {% csrf_token %} 
  {{form.as_p}}
  <button type="submit" value="submit">Create</button>
</form>

Вывод моего поля в форме

Я хочу, чтобы было так

Согласно вашим ожиданиям, я думаю, вам нужно добавить виджеты в вашу форму.

попробуйте это: 

class new_album_form(forms.ModelForm):
    class Meta:
        model = album
        fields = ['album_name', 'album_artist', 'released_at', 'price', 'is_approved']
        widgets = {
               'album_name': forms.TextInput(attrs={'class':'form- 
                control'}),
               'album_artist': forms.TextInput(attrs={'class':'form- 
                control'}),
               'release_at': forms.DateTimeInput(attrs={'class':'form- 
                control', 'data-target': '#datetimepicker1'}),
               #Add your remaining widgets here
        }

А в шаблонах:

<input type="date" data-target="#datetimepicker1" class="form-control" value="{{form.release_at}}" />  #form is a context name from views.py file

------ form.py ---------

class new_album_form(forms.ModelForm):
    class Meta:
        model = album
        fields = ['album_name', 'album_artist', 'released_at', 'price', 'is_approved']

         widgets = {
            'released_at':forms.TextInput(attrs={'type':'datetime-local'}),
        }

------ Выход --------

enter image description here

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