2016-11-08 12 views
0

マテリアライズの日付ピッカーは、ユーザーが現在何ヶ月いるかを表示する必要があります。マテリアライズ日付ピッカーで日付を選択して月を切り替えると、表示された日付は選択された日付のままです。マテリアライズする月のピックダウンイベント

https://codepen.io/anon/pen/LbVvvN

$('div.picker__nav--prev').on('click', function() { 
    alert('click prev'); 
    //set the showing date to be a month prior 
}); 

$('div.picker__nav--next').on('click', function() { 
    alert('click next'); 
    //set the showing date to be a month ahead 
}); 

あります(そうすることがDOMを再初期化し、一見ので)私は月に変更し、ユーザーにバインドすることを意図しているイベントがありますが、イベントは一度だけ発生しますこの種のイベントリスナを実装して、すべてのクリックに対して有効にする簡単な方法はありますか?

+0

http://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements – DaniP

答えて

0

編集:

てみ

$('.datepicker').pickadate({ 

//START ADD CODE 
onRender: function() { 
    $('div.picker__nav--next').on('click', function() { 
     alert('click next'); 
    }); 
    $('div.picker__nav--prev').on('click', function() { 
     alert('click prev'); 
    }); 
    }, 
//END ADD CODE 

selectMonths: true,//Creates a dropdown to control month 
selectYears: 15,//Creates a dropdown of 15 years to control year 
//The title label to use for the month nav buttons 
labelMonthNext: 'Next Month', 
labelMonthPrev: 'Last Month', 
//The title label to use for the dropdown selectors 
labelMonthSelect: 'Select Month', 
labelYearSelect: 'Select Year', 
//Months and weekdays 
monthsFull: [ 'January', 'February', 'March', 'April', 'March', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ], 
monthsShort: [ 'Jan', 'Feb', 'Mar', 'Apr', 'Mar', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ], 
weekdaysFull: [ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ], 
weekdaysShort: [ 'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat' ], 
//Materialize modified 
weekdaysLetter: [ 'S', 'M', 'T', 'W', 'T', 'F', 'S' ], 
//Today and clear 
today: 'Today', 
clear: 'Clear', 
close: 'Close', 
//The format to show on the `input` element 
format: 'dd/mm/yyyy' 
}); 
//Copy settings and initialization tooltipped 
+0

私はcodepenにこれを落とし、それが発射です各アラートを何回か – trembling

関連する問題