Créer un widget datetime thématique Symfony 2

J'aime "forme-thème est" mon datetime widget dans mon formulaire.
J'ai créé un champs.html.twig fichier avec ça:

{% block datetime_widget %}
{% spaceless %}
    <div {{ block('widget_container_attributes') }}>
        {{ '{{ day }}-{{ month }}-{{ year }}'|replace({
            '{{ day }}': form_widget(form.day),
            '{{ month }}': form_widget(form.month),
            '{{ year }}': form_widget(form.year),
        })|raw }}
        {{ form_widget(form.hour, { 'attr': { 'size': '1' } }) }} : {{ form_widget(form.minute, { 'attr': { 'size': '1' } }) }} : {{ form_widget(form.second, { 'attr': { 'size': '1' } }) }}
    </div>
{% endspaceless %}
{% endblock datetime_widget %}

J'ai saisi cette ligne dans mon formulaire modèle de vue

{% form_theme form 'AcmeDashboardBundle:Form:fields.html.twig' %}

Datetime widget est rendu. Mais la date et l'heure de pièces sont dans un autre élément div. Qui rompt le widget en 2 lignes. J'aimerais afficher la date et l'heure de la partie à côté de l'autre.

source d'informationauteur mattyh88

  1. 10

    Pour ce faire, vous devez redéfinir le datetime_widget sans utiliser le construit en date_widget & time_widget (parce qu'elles sont enveloppées avec des divs) ou vous pouvez redéfinir le date_widget & time_widget à retirer de leur emballage divs.

    Voici comment mettre en œuvre la première option:

    {% extends 'form_div_layout.html.twig' %}

{% block datetime_widget %}
{% spaceless %}
    {% if widget == 'single_text' %}1
        {{ block('field_widget') }}
    {% else %}
        <div {{ block('widget_container_attributes') }}>
            {{ form_errors(form.date.year) }}
            {{ form_errors(form.date.month) }}
            {{ form_errors(form.date.day) }}
            {{ form_errors(form.time) }}
            {{ form_widget(form.date.year) }}
            {{ form_widget(form.date.month) }}
            {{ form_widget(form.date.day) }}
        {{ form_widget(form.time.hour, { 'attr': { 'size': '1' } }) }}:{{ form_widget(form.time.minute, { 'attr': { 'size': '1' } }) }}
        </div>
    {% endif %}
{% endspaceless %}
{% endblock datetime_widget %}

    Et voici comment mettre en œuvre la deuxième option:

    {% extends 'form_div_layout.html.twig' %}

{% block date_widget %}
{% spaceless %}
    {% if widget == 'single_text' %}
        {{ block('field_widget') }}
    {% else %}
        {{ date_pattern|replace({
            '{{ year }}':  form_widget(form.year),
            '{{ month }}': form_widget(form.month),
            '{{ day }}':   form_widget(form.day),
        })|raw }}
    {% endif %}
{% endspaceless %}
{% endblock date_widget %}

{% block time_widget %}
{% spaceless %}
    {% if widget == 'single_text' %}
        {{ block('field_widget') }}
    {% else %}
        {{ form_widget(form.hour, { 'attr': { 'size': '1' } }) }}:{{ form_widget(form.minute, { 'attr': { 'size': '1' } }) }}{% if with_seconds %}:{{ form_widget(form.second, { 'attr': { 'size': '1' } }) }}{% endif %}
    {% endif %}
{% endspaceless %}
{% endblock time_widget %}

    Ensuite, la date & le temps va être ensemble dans la même div. Évidemment, vous pourriez ajouter un peu d'espace entre la date et l'heure en ajoutant dans votre html souhaité

    Espère que ça aide!