当用户点击primefaces下一个箭头递增至明年

Question

我想，当用户点击日历中的下箭头按钮naviagate到明年。我想实现这样的事情。 sample Image双箭头将递增年份值明年。虽然Naviagator是primefaces一个选项，我需要与小部件像RichFaces的日历内键的方式。所以我想，当用户点击一个箭头在日历覆盖的情况下，基本上我试图增加一年也随这是由primefaces做了一个月

我尝试了用jQuery如下：这是正确的，只要让用户单击该按钮报警，但我没有得到任何想法，今年在小部件如何递增。这个应该怎么走近？我应该从哪里开始？任何引用或链接是预先高度helpful.Thanks

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

Answer 1

是使用PrimeFaces的组合窗口小部件和JavaScript日期的调用setFullYear（）方法执行以下操作：

步骤1.导航到PF日历展示页：https://www.primefaces.org/showcase/ui/input/calendar.xhtml

步骤2.按在Chrome F12弹出JavaScript控制台。

第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);
   }
}