TimeType样式

Question

我试图在Symfony 3.4中使用symfony表单设置我的输入字段一段时间（仅限小时和分钟）。我正在尝试使用clockpicker，但我不知道我错在哪里。如果有人可以帮助我，或者有更好的解决方案。我已下载并将我的js和css包含在web文件夹中。

我想在这一刻做到这样：

我的树枝：

<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