Symfony 时间类型样式

我正在尝试在Symfony 3.4中使用Symfony表单设置输入字段的样式，仅持续数小时和数分钟。我正在尝试使用时钟选择器，但我不知道我错在哪里。如果有人能帮我，或者有更好的解决办法。我已经下载并将我的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>

文件准备就绪

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

它产生了什么，我认为问题在于这些被泛化的选择

---

在FormType中，必须将html5属性设置为false才能获得输入。 看这里

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