Я создаю форму, в которой пользователь может щелкнуть временной интервал и зарезервировать его.Есть 5 столбцов, по одному на каждый день недели (понедельник, вторник, среда и т. Д.) С 5 рядами временных интервалов (15:00, 16:00, 17:00, 18:00, 19:00).
Каждый временной интервалпредставляет флажок выбора радиовхода.В приведенном ниже примере есть только 2 столбца.
Как можно разделить кнопки радиовхода 1-6 и 7-12 на два разных блока.
Forms.py
class AppointmentForm(forms.Form):
One = 1
Two = 2
Three = 3
Four = 4
Five = 5
Six = 6
SEVEN = 7
EIGHT = 8
NINE = 9
TEN = 10
ELEVEN = 11
TWELVE = 12
TYPE_CHOICES = (
(One, '3:00pm'),
(Two, '3:45pm'),
(Three, '4:30pm'),
(Four, '5:15pm'),
(Five, '6:00pm'),
(Six, '6:45pm'),
(SEVEN, '3:00pm'),
(EIGHT, '3:45pm'),
(NINE, '4:30pm'),
(TEN, '5:15pm'),
(ELEVEN, '6:00pm'),
(TWELVE, '6:45pm')
)
appointment_time = forms.ChoiceField(
choices=TYPE_CHOICES,
label="Appointment times",
widget=forms.RadioSelect,
required=True,
)
AppointmentForm.html
<form action="" method="post">
{% csrf_token %}
{{ form|crispy }}
<label for="id_id_appointment_time_0_1" class="form-check-label">1:00pm</label>
<input class="btn btn-success-alt " type="submit" value="Submit">
</form>
Попытка создать это ![I am trying to create the this](https://i.stack.imgur.com/e9kqy.png)
Здесь я нахожусь на ![This is what I have](https://i.stack.imgur.com/b38Wn.png)