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