forms - symfony2 - 日期时间选择器 - 将表单类型合二为一

Question

我希望在 symfony2 中创建一个可重复使用的日期时间选择器。这个想法是它将包含 3 个单独的输入参数。我将使用完整信息更新问题，以便其他人可以使用我的发现。

{文本输入} {选择小时} {选择时间}

问题是我如何创建一个自定义的可重用表单，将 3 个输入合并为一个。

我附上了一张截图，让我了解我想要达到的目标



symfony 文档
http://symfony.com/doc/current/cookbook/form/create_custom_field_type.html#creating-a-template-for-the-field

Answer 1

您可以简单地使用 jquery.datetime picker显示日期时间选择器或其中之一(日期或时间)。

我最近在我的一个网站上做了。

$builder->add('dateheure', 'datetime', array('date_widget' => "single_text", 'time_widget' => "single_text"));

并在您的页面上调用 jquery、datetime css 和 js:

<link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >
<script src="jquery.js"></script>
<script src="jquery.datetimepicker.js"></script>

然后在您的字段上激活 datetimepicker:

$(function(){
    $("#form_dateheure input").each(function(){
        $(this).attr("readonly","readonly");
    });
    $('#form_dateheure_date').datetimepicker({
        format: "Y-m-d",
        timepicker: false,
        datepicker: true,
    });
    $('#form_dateheure_time').datetimepicker({
        format: "H:i",
        timepicker: true,
        datepicker: false,
        step:5
    });
});