實現日期選擇器不觸發用戶界面

我正在使用Jade Template和Materialize進行表單操作。我一直使用Materialize表單元素作爲Select和File Input Button，但沒有問題，但不是Date Picker。實現日期選擇器不觸發用戶界面

Date Picker元素被初始化，但是當我點擊輸入時，沒有任何反應。

我的文件夾結構：

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

路線去create.jade，這就要求layout.jade和form.jade。裏面的layout.jade在<body>之前被稱爲jquery.js,materialize.js和materialize.min.css並且創建了塊腳註腳本。

的create.jade輸出以下HTML：

<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文件是RESPONSABLE用於初始化我select和date picker領域。這是代碼：

form.js

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(); 
    }); 
});

正如我PRINTSCREEN節目，我form.js被稱爲沒有問題，因爲我的作品select就好：