2017-02-17 7 views
1

私のCakePHPのテンプレートファイル私はここでチェックボックスや日付ピッカーを使用しようとしていますが、直面している問題は、CSSのフレームワークを具体

<div class="row"> 
<div class="members form col l6 m8 s12 offset-l3 offset-m2 "> 
<h3>Introduce a Member</h3> 
<div class="divider"></div> 
<br> 
    <?= $this->Form->create($member) ?> 
     <div class='input-field'> 
      <?= $this->Form->input('name',array('div'=>'input')); ?> 
     </div> 
     <div class='input-field'> 
      <?= $this->Form->input('father_or_husband'); ?> 
     </div> 
     <div class='input-field'> 
      <?= $this->Form->input('age'); ?> 
     </div> 
     <div class='input-field'> 
      <?= $this->Form->input('post'); ?> 
     </div> 
     <div class='input-field'> 
      <?= $this->Form->input('school_name'); ?> 
     </div> 
     <div class='input-field'> 
      <?= $this->Form->input('current_status'); ?> 
     </div><br> 
     <div class="row"> 
      <?= $this->Form->input('date_of_retirement',array(
                 'type'=>'date', 
                  'class'=>'datepicker' 
                  )); ?> 
     </div> 
     <div class="input-field row"> 
      <?= 
       $this->Form->input('payment_status',array('type'=>'checkbox')); 
      ?> 
     </div><br> 
     <?= $this->Form->button(__('Submit'),['class'=>'waves-effect waves-light btn']); ?> 
    <?= $this->Form->end() ?> 
</div> 

です。しかし、彼らは閲覧時に私のプロジェクトに現れなかった。助けてください?

答えて

0

あなたはかなりの種類を定義するよりも、このような何かをする必要があるチェックボックスを生成するには、次の日のためのあなたのフォームヘルパーは正常に見える

echo $this->Form->checkbox('payment_status'); 

を。

<?= $this->Form->input('date_of_retirement',array('class'=>'datepicker')); ?> 

はここ(CakePHP form helper)を参照してください:あなたは、ブートストラップ日付ピッカーや他のプラグインを使用しようとしている場合は、単にタイプとして入力を使用します。

+0

あなたの提案に従って自分のコードを変更しましたが、チェックボックスが表示されません。私はmaterializeフレームワークでチェックボックスを使用する際に問題に直面している私のcakephpプロジェクトでmaterialize CSSフレームワークを使用しています。他の解決策を教えてもらえますか? –

1

@Aditya Soni、Materializeチェックボックスは<label>タグで囲まれています。私も同じ問題がありました。 は、この問題を解決するために、私は以下のように私のコードをwithing <label>タグで私のチェックボックスをラップするためにjqueryのを使用する必要がありました:。

<script> $(「#のPaymentStatus」)("<label></label>")を包みます。 </script>

関連する問題