Как отобразить Django SelectDateWidget на одной строке, используя хрустящие формы

Question

Я пытаюсь отобразить 3 выбранных поля, которые отображаются с помощью Django SelectDateWidget на одной строке. Когда я использую хрустящие формы, они все в отдельных рядах. Есть ли способ использовать помощник по макету для достижения этой цели?

Спасибо!

class WineAddForm(forms.ModelForm):
hold_until = forms.DateField(widget=SelectDateWidget(years=range(1950, datetime.date.today().year+50)), required=False)
drink_before = forms.DateField(widget=SelectDateWidget(years=range(1950, datetime.date.today().year+50)), required=False)

helper = FormHelper()
helper.form_method = 'POST'
helper.form_class = 'form-horizontal'
helper.label_class = 'col-lg-2'
helper.field_class = 'col-lg-8'
helper.add_input(Submit('submit', 'Submit', css_class='btn-wine'))

helper.layout = Layout(
    'name',
    'year',
    'description',
    'country',
    'region',
    'sub_region',
    'appellation',
    'wine_type',
    'producer',
    'varietal',
    'label_pic',
    'hold_until',
    'drink_before',
)

class Meta:
    model = wine
    exclude = ('user', 'slug', 'likes')

Answer 1

Добавьте это в свой макет для полей SelectDateWidget:

MultiWidgetField('field_name', attrs=({'style': 'width: 33%; display: inline-block;'}))

Answer 2

Вы можете изменить ширину для каждого из трех виджетов следующим образом:

.selectdatewidget {
    display: inline-block;
}

select[name$="_day"].selectdatewidget {
    width: 27%;
    color: red;
}
select[name$="_month"].selectdatewidget {
    width: 38%;
    color: green;
}
select[name$="_year"].selectdatewidget {
    width: 35%;
    color: blue;
}

SelectDateWidget с шириной трех разных