Стиль TimeType

Question

Я пытаюсь стилизовать свое поле ввода в Symfony 3.4 с формами Symfony в течение некоторого времени (только часы и минуты).Я пытаюсь с помощью часовщика, но я не знаю, где я не прав.Если кто-то может мне помочь или есть лучшее решение.Я скачал и включил мои js и css в веб-папку.

Я сейчас пытаюсь сделать так:

Моя веточка:

<div class="form-group col-md-4">
   <label for="time_for_cooking">Време за готвене(минути):</label>
      {% if form_errors(form.recipeCookingTime) %}
          {{ form_widget(form.recipeCookingTime, { 'attr': {'class': 'form- control clockpicker-control clockpicker is-invalid'} }) }}
              <div class="col">
                 <small  class="text-danger">
                     {{ form_errors(form.recipeCookingTime) }}
                 </small>
              </div>
      {% else %}
          {{ form_widget(form.recipeCookingTime, { 'attr': {'class': 'form control clockpicker-control clockpicker'} }) }}
      {% endif %}
</div>

Мой RecipeType.php

->add('recipeCookingTime', TimeType::class)

документ готов

   <script>
      $(document).ready(function() {
        ('.clockpicker').clockpicker();
      } );
   </script>

и что его сгенерировало, я думаю, проблема в том, что он выбираетчто генерируется

Answer 1

В вашем FormType вы должны установить атрибут html5 в false, чтобы получить ввод.Смотрите здесь https://symfony.com/doc/current/reference/forms/types/time.html#html5