TimeType样式

Question

我正在尝试使用symfony表单在Symfony 3.4中为输入字段设置样式一段时间（仅适用于小时和分钟）。我正在尝试使用Clockpicker，但是我不知道哪里错了。如果有人可以帮助我还是有更好的解决方案。我已经下载了我的js和CSS并将其包含在Web文件夹中。

此刻，我正在尝试使它成为这样：

我的树枝：

let vuePickup = new Vue({
    el: '#pickups',
    data: {
        pickups: pickups,
    },
    methods: {
        locationChanged: (pickup) => {
            pickup.newLocation = pickup.location == -1;
        }
    },
});

我的RecipeType.php

<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>

文档准备就绪

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

及其产生的原因，我认为问题在于这些已被复制的选择

Answer 1

在您的FormType中，您必须将html5-属性设置为false以获得输入。 在这里https://symfony.com/doc/current/reference/forms/types/time.html#html5