materialize pickadate event für die Änderung des Monats

Question

Ich muss Materialize's datepicker zeigen, in welchem ​​Monat der Benutzer gerade ist. Wenn Sie ein Datum mit dem Materialize-Datumsauswahl auswählen und dann zwischen den Monaten wechseln, bleibt das angezeigte Datum das ausgewählte Datum.

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

I Ereignisse, die den Monat zu ändern, um den Benutzer binden sollen, aber die Ereignisse werden nur einmal abfeuern (scheinbar, da dies reinitialisiert das DOM)

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

Gibt es ein einfache Möglichkeit, diese Art von Ereignis-Listener zu implementieren und funktioniert bei allen Klicks?

Answer 1

Edited:

versuchen

$('.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