1

我正在使用 CakePHP v2.3.6 并且刚刚下载了 Bootsrap 3.0.0 RC1。我希望将用于出生日期的 3 个选择器输入并排放置。在 BS3 中为输入分配宽度的方法是将每个输入放在其自己的带有 col 类的 div 中（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 个输入？

4

1 回答 1

1

使用 FormHelper::input() 方法，您可以在分隔符、之后使用这些选项来包装三个日期选择：

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

于 2013-11-21T12:23:56.603 回答