Django crispy forms：为AppendedText父div设置CSS类

表格：

class StartEndDateEpayOperatorsForm(forms.Form):

    ...

    def __init__(self, *args, **kwargs):
        super(StartEndDateEpayOperatorsForm, self).__init__(*args, **kwargs)
        self.helper = FormHelper()

        ...

        self.helper.layout = Layout(
            AppendedText('start_date', '<span class="glyphicon glyphicon-calendar"></span>', active=True, css_class='date'),
            ...
        )

        ...
        <div class="input-group">
            <input id="id_start_date" type="text" class="date dateinput form-control" value="2013-10-01" name="start_date"> 
            <span class="input-group-addon active">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
         </div>
        ...

class StartEndDatePayOperatorForm（forms.Form）：
...
定义初始化（self，*args，**kwargs）：
super（StartEndDateEpayOperatorsForm，self）。\uuuu初始值（*args，**kwargs）
self.helper=FormHelper（）
...
self.helper.layout=布局(
AppendedText（'start_date'，''，active=True，css_class='date'），
...
)

表单HTML:

class StartEndDateEpayOperatorsForm(forms.Form):

    ...

    def __init__(self, *args, **kwargs):
        super(StartEndDateEpayOperatorsForm, self).__init__(*args, **kwargs)
        self.helper = FormHelper()

        ...

        self.helper.layout = Layout(
            AppendedText('start_date', '<span class="glyphicon glyphicon-calendar"></span>', active=True, css_class='date'),
            ...
        )

        ...
        <div class="input-group">
            <input id="id_start_date" type="text" class="date dateinput form-control" value="2013-10-01" name="start_date"> 
            <span class="input-group-addon active">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
         </div>
        ...

。。。
...

为了使用日历图标作为引导日期选择器触发器，我需要向

添加新的类日期

我怎样才能用django脆饼来实现它

此时，AppendedText的属性css_类应用于输入元素而不是父DIV

Tnx

您可以使用

self.helper.field_class = 'input-group'

---

这将为表单中的所有字段生成带有“输入组”的css类。

使用以下javascript：

 $('.datetimeinput').closest('div').datetimepicker();

最近的div是“input group”div。引导datetimepicker将负责将“date”类添加到“input group”div。

在此基础上，我将id（

div\u id\u start\u date\u container

）传递到container div中，如下所示：

Div(AppendedText('start_date', 
                 '<span class="glyphicon glyphicon-calendar" </span>', active=True),
    css_class='date col-sm-4 col-sm-offset-1',
    css_id='div_id_start_date_container'
),

注意-Crispy forms将为表单组创建一个名为

div\u id\u start\u date

的元素，因此需要调用外部div