Инкремент к следующему году, когда пользователь нажимает следующую стрелку в простом виде

Question

Я пытаюсь перейти к следующему году, когда пользователь нажимает кнопку следующей стрелки в календаре.Я пытаюсь достичь чего-то подобного. sample Image Двойная стрелка увеличит значение года до следующего года.Хотя Naviagator - это одна из опций в простых лицах, мне нужен способ с ключами внутри виджета, похожий на календарь richfaces.Поэтому я пытаюсь переопределить событие, когда пользователь нажимает на следующую стрелку в календаре, , в основном я пытаюсь увеличить год также вместе с месяцем, который выполняется простыми числами

Я опробовал следующеес jquery: он правильно получает предупреждение, когда пользователь нажимает кнопку, но я не понимаю, как можно увеличить год в виджете.Как к этому следует подходить?с чего мне начать?Любые ссылки или ссылки очень полезны. Заранее спасибо

$(document).on('click', '.ui-datepicker-next', function () {
          alert('User clicked Next');
          //To do functionality
        });

Answer 1

Да, используя комбинацию виджета PrimeFaces и метода JavaScript DateSetFullYear (), выполните следующие действия:

Шаг 1. Перейдите на страницу демонстрации календаря PF: https://www.primefaces.org/showcase/ui/input/calendar.xhtml

Шаг 2Нажмите F12 в Chrome, чтобы открыть Javascript Console.

Шаг 3. Введите следующий код в консоли и нажмите ENTER, чтобы увидеть изменение встроенного календаря с 2019 на 2020 до 2021 и т. Д.

var widget = PrimeFaces.widgets.widget_form_inline;
var nextYear = widget.getDate();
nextYear.setFullYear(nextYear.getFullYear() + 1);
widget.setDate(nextYear);

Теперь, если вы хотите сделать его универсальным, просто напишите этот метод JS и передайте ему widgetVar из каждого календаря.

function incrementYear(widget) {
   var nextYear = widget.getDate();
   if (nextYear) {
      nextYear.setFullYear(nextYear.getFullYear() + 1);
      widget.setDate(nextYear);
   }
}