Question

我正在使用CakePHP v2.3.6，刚刚下载了Bootsrap 3.0.0 RC1。我希望将用于出生日期的3个选择器输入放在彼此旁边。在BS3中为输入分配宽度的方法是将每个输入放在其自己的div中，并使用col类（http://getbootstrap.com/css/#forms-control-sizes）。但是这段代码：

<?php
echo $this->Form->input(
'dob', 
array(
    'label' => array(
        'text' => 'Date Of Birth',
    ),
    'div' => array(
        'class' => 'form-group required col-lg-4',
    ),
    'separator' => ' ',
    'dateFormat' => 'DMY',
    'minYear' => date('Y') - 70,
    'maxYear' => date('Y') - 18,
)
);
?>

覆盖所有输入周围的div，而不是单独在每个选择周围放置一个，如下所示：

<div class="form-group required col-lg-4">
    <label for="UserDobDay">Date Of Birth</label>
    <select name="data[User][dob][day]" class="form-control" id="UserDobDay">...</select>
    <select name="data[User][dob][month]" class="form-control" id="UserDobMonth">...</select>
    <select name="data[User][dob][year]" class="form-control" id="UserDobYear">...</select>
</div>

如何使用自己的div包围所有3个输入？

Answer 1

使用FormHelper :: input（）方法，您可以在between之间使用这些选项，包括三个日期后选择：

echo $this->Form->input('dob', array(
    'label' => 'Date Of Birth',
    'div' => array(
        'class' => 'form-group required col-lg-4',
    ),
    'dateFormat' => 'DMY',
    'minYear' => date('Y') - 70,
    'maxYear' => date('Y') - 18,
    'between' => '<div>',
    'separator' => '</div><div>',
    'after' => '</div>',
));

要查看所有可用选项，请查看此处：http://api.cakephp.org/2.3/class-FormHelper.html#_input

在CakePHP中使用自己的div选择每个日期

1 个答案: