1

私は CakePHP v2.3.6 を使用しており、Bootsrap 3.0.0 RC1 をダウンロードしました。生年月日に使用する 3 つのセレクター入力を並べて配置したいと考えています。BS3 で入力に幅を割り当てる方法は、col クラス ( http://getbootstrap.com/css/#forms-control-sizes )を使用して、各入力を独自の div 内に配置することです。ただし、このコード:

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

3 つの入力すべてを独自の div で囲むにはどうすればよいですか?

4

1 に答える 1

1

FormHelper::input() メソッドを使用すると、これらのオプションを between、separator、after で使用して、3 つの日付選択をラップできます。

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 に答える