Django SelectDateWidget内联选择(bootstrap?)

时间:2017-10-24 00:59:01

标签: html css django

我在django的表单中使用SelectDateWidget作为生日字段。它显示日,月,年三种选择。

问题是它们不是内联显示,而是垂直堆叠。

我为每个字段使用标记,在本例中为

{{ form.birthdate }}

如何以内联方式显示它们?

先谢谢。

1 个答案:

答案 0 :(得分:1)

我解决了在小部件 snps-inline-select 上添加一个新类的代码:

.snps-inline-select {
    width: auto;
    display: inline-block;
}

小部件代码就是这个

'birthdate': SelectDateWidget(attrs = {
                'placeholder': 'Ingrese fecha de nacimiento',
                'data-date-format': 'dd/mm/yyyy',
                # added the class snps-inline-select
                'class': 'form-control snps-inline-select'
            }),