сталкиваются с проблемами, используя флажок форм-контроля в CakePHP проекта с использованием материализовать Рамочный CSS

Question

Мой файл шаблона CakePHP является

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

Хотя я пытаюсь использовать флажок и DatePicker здесь. Но они не появлялись в моем проекте при просмотре. Пожалуйста помоги?

Answer 1

Чтобы создать флажок, что вам нужно сделать что-то вроде этого, а не определяющего типа:

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

Ваших форма помощников на дату выглядит отлично. Если вы пытаетесь использовать загрузочный DatePicker или любой другой плагин просто использовать вход в качестве типа:

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

Смотрите здесь (CakePHP form helper).

Answer 2

@Aditya Soni, Materialize checkboxes завернуты в <label> теги. У меня такая же проблема. Для того, чтобы решить эту проблему, я должен был использовать JQuery, чтобы обернуть свои флажки в <label> тегах жгуты моего кода, как показано ниже:.

<script> $ («# PaymentStatus») обертывание ("<label></label>"); </script>