Question

我需要让Materialize的datepicker显示用户当前所在的月份。当您使用Materialise日期选择器选择日期然后切换月份时，显示的日期将保持为选定日期。

我有一些事件旨在绑定到更改月份的用户，但事件只会触发一次（看似因为这样做会重新初始化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

实现更改月份的pickadate事件

1 个答案: