Materialize日付Picker on event

Question

clickイベントでmaterializeの日付ピッカーを開こうとしています。 は、ここに私のjsp私のスクリプトについては

<div class="input-field col s12 m12 l12"> 
<input id="birthdate" type="date" class="datepicker" name="birthdate"> 
<label for="birthdate">Birthdate</label> 
</div> 

<div id="birthdate-icon" class="cursor-pointer"> 
    <i class="material-icons">today</i> 
</div> 

です：

$(document).ready(function(){ 
    $('.datepicker').pickadate({ 
     selectMonths: true, 
     selectYears: 150, 
     format: 'yyyy-mm-dd', 
     min: new Date(1900,1,1), 
     max: true 
    }); 

    initBindings(); 
}); 

function initBindings(){ 
    $('#birthdate-icon').click(function(){ 
     $('#birthdate').click(); 
    }); 
} 

問題は、私はアイコンをクリックしていたときに日付ピッカーが開いていないことです。スクリプトで

Answer 1

、あなたはbirthdate-iconをクリックすると、それはbirthdateにクリックを行いますとdatepickerためのスクリプトが呼び出されますイベントに

$(document).ready(function(){ 
     $('#birthdate').click(function(){ 
     $('.datepicker').pickadate({ 
      selectMonths: true, 
      selectYears: 150, 
      format: 'yyyy-mm-dd', 
      min: new Date(1900,1,1), 
      max: true 
     }); 
    }); 

     initBindings(); 
    }); 

    function initBindings(){ 
     $('#birthdate-icon').click(function(){ 
      $('#birthdate').click(); 
     }); 
    } 

をクリックし登録する必要があります。