1

对于包含日期字段小部件的模板，非日期输入字段的背景颜色将根据 CSS 更改。日期小部件上不会发生同样的情况。日期小部件的背景颜色应该如何影响？（在表单类中添加 attr 数组没有效果。）

（小但真实）差异的屏幕截图：在此处输入图像描述

代码示例： 模板：

    <td>{{ form_widget(form.fname, {'attr': {'class':'smallform'}}) }}
    <td>{{ form_widget(form.sname, {'attr': {'class':'smallform'}}) }}
    <td>{{ form_widget(form.dateAdded, {'attr': {'class':'smallform'} }) }}

表格类：

        ->add('fname', null, array('required' => false))
        ->add('sname', null, array('required' => false))
        ->add('dateAdded', 'date', array(
            'widget' => 'choice',
            'format' => 'MM/dd/yyyy',
            'pattern' => '{{ year }}-{{ month }}-{{ day }}',
            'years' => range(Date('Y'), Date('Y') - 5),
            'required' => false,
            'data' => date_create(),
        ))

CSS：

.smallform {
    background-color: #f5f5f5;
    font-size: 9pt;
    color: #000066;
    border: 1px solid #CCCC99;
}
4

2 回答 2

2

一个不太巧妙的解决方案：在我的应用程序的 fields.html.twig 的自定义副本中修改日期小部件。更精确的解决方案是为此定义一个特定的小部件，或者弄清楚如何将类属性一直保留到日期小部件中：

{% block date_widget %}
{% spaceless %}
    {% if widget == 'single_text' %}
        {{ block('form_widget_simple') }}
    {% else %}
        <div {{ block('widget_container_attributes') }}>
            {{ date_pattern|replace({
                '{{ year }}': form_widget(form.year, {'attr': {'class':'smallform'}}),
                '{{ month }}': form_widget(form.month, {'attr': {'class':'smallform'}}),
                '{{ day }}': form_widget(form.day, {'attr': {'class':'smallform'}}),
            })|raw }}
        </div>
    {% endif %}
{% endspaceless %}
{% endblock date_widget %}
于 2012-12-17T17:57:25.610 回答
0

尝试： 

    ->add('fname', null, array(
        'required' => false,
        'attr' => array('class' => 'smallform')
    ))
    ->add('sname', null, array(
        'required' => false,
        'attr' => array('class' => 'smallform')
    ))
    ->add('dateAdded', 'date', array(
        'attr' => array('class' => 'smallform'), // ADDED
        'widget' => 'choice',
        'format' => 'MM/dd/yyyy',
        'pattern' => '{{ year }}-{{ month }}-{{ day }}',
        'years' => range(Date('Y'), Date('Y') - 5),
        'required' => false,
        'data' => date_create(),
    ))

另外，查看源代码以确保在 html 标记中实际设置了类，这可能是您的 CSS 的问题。

这些行有一个问题：
<td>{{ form_widget(form.fname, {'attr': {'class':'smallform'}}) }}</td>
我认为您不能在整个小部件上设置一个类，只能为单个行设置。如果您需要通过 twig 设置课程，您可以试试这个。 

<form action="" method="">
    {{ form_errors(form) }}
    {{ form_row(form.fname, { 'attr': {'class': 'smallform' } }) }}
    {{ form_row(form.sname, { 'attr': { 'class': 'smallform' } }) }}
    <div class="smallform">
        {{ form_row(form.dateAdded) }}
    </div>
    {{ form_rest(form) }}
    <input type="submit" name="submit" value="Submit" />
</form>
于 2012-12-16T18:06:03.230 回答