Материализовать событие пикадата для смены месяца

Question

Мне нужно, чтобы DatePicker Материализации отображал, в каком месяце находится пользователь. Когда вы выбираете дату с помощью средства выбора даты "Материализация", а затем переключаете месяцы, отображаемая дата остается выбранной.

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

У меня есть события, которые предназначены для привязки пользователя к изменению месяца, но события будут срабатывать только один раз (по-видимому, потому что при этом происходит повторная инициализация 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
});

Есть ли простой способ реализовать такого рода прослушиватель событий и заставить его работать на всех кликах?

Answer 1

Отредактировано:

пытаться

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