Matris tetikleyicisini tetiklemiyor ui

Question

Jade Şablonu ve Materialize kullanarak bir form yapıyorum. Materialize form öğelerini Select ve File Input Button olarak problemsiz kullanıyorum ama Tarih Seçici kullanmıyorum.

Tarih Seçici öğesi başlatıldı, ancak giriş tıklandığında hiçbir şey olmuyor.

Klasörlerim yapısı:

. 
|-- bower_components 
| |-- jquery 
| `-- Materialize 
|-- public 
| |-- javascripts 
| | `-- form.js 
|-- views 
| |-- devices 
| | |-- create.jade 
| | `-- index.jade 
| |-- mixins 
| | |-- form.jade 
| | |-- form 
| | | `-- materialize.jade 
| `-- layout.jade 

rota layout.jade ve form.jade çağırır create.jade, gider. İçerisinde layout.jade, 'dan önce jquery.js, materialize.js ve materialize.min.css olarak adlandırılır ve blok altbilgi komut dosyası oluşturulur.

create.jade aşağıdaki HTML verir: Benim select ve date picker alanlarına başlangıç ​​için

<div class="container"> 
    <div class="row"> 
    <form method="post" action="/devices/inserir" class="col s12" enctype="multipart/form-data"> 
     <div class="row"> 
     <h4 class="col s12">Device</h4> 
     <div class="input-field col s12"> 
      <input type="text" name="title" id="title" class="validate"/> 
      <label for="title">Title</label> 
     </div> 
     <div class="input-field col s12"> 
      <select multiple="multiple" name="platform" id="platform"> 
      <option value="" disabled="disabled" selected="selected">Choose a platform</option> 
      <option value="PS4">Playstation 4</option> 
      <option value="PC">PC</option> 
      </select> 
      <label for="platform">Platform</label> 
     </div> 

     <!-- materialize select --> 
     <div class="col s12"> 
      <label for="birthdate">Birthdate</label> 
      <input type="date" id="birthdate" class="datepicker"> 
     </div> 


     <div class="file-field input-field col s12"> 
      <div class="btn"> 
      <span>File</span> 
      <input type="file"/> 
      </div> 
      <div class="file-path-wrapper"> 
      <input type="text" name="image" class="file-path validate"/> 
      </div> 
     </div> 
     <div class="col s12"> 
      <button type="submit" name="submit" class="btn waves-effect waves-light">Submit</button> 
     </div> 
     </div> 
    </form> 
    </div> 
</div> 

<!-- added in block footer-script --> 
<script type="text/javascript" src="/javascripts/form.js"></script> 

form.js dosya responsable olduğunu. gayet benim select eser beri

jQuery(document).ready(function ($) { 
    $(document).ready(function() { 
    $('.datepicker').pickadate({ 
     selectMonths: true, // Creates a dropdown to control month 
     selectYears: 15 // Creates a dropdown of 15 years to control year 
    }); 
    $('select').material_select(); 
    }); 
}); 

Ve PrintScreen gösterdiği gibi, benim form.js sorunsuz denir

form.js: İşte bunun bir şifre

Sadece tarih seçici öğesini tıkladığımda neden bir işlem yapılmadığını bilmek istiyorum ve bunu nasıl çözebilirim. Başvuru için

: Materialize forms: Date Picker