Question

当用户单击日历中的下一个箭头按钮时，我试图导航至下一年。我正在努力实现这样的目标。 sample Image 双箭头将把年份值增加到下一年。尽管Naviagator是Primefaces中的一个选项，但我需要一种在小部件内使用键的方式，例如richfaces日历。因此，当用户单击日历中的下一个箭头时，我试图覆盖该事件，基本上，我也在尝试将年以及由素数完成的月份与月一起增加

我用jquery尝试了以下方法：每当用户单击按钮时，它都能正确获取警报，但是我没有任何想法可以增加小部件中的年份。应该如何处理？我应该从哪里开始？任何参考或链接都将非常有帮助。提前感谢

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

Answer 1

是的，结合使用PrimeFaces小部件和JavaScript Date的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);
   }
}

用户单击质数中的下一个箭头时，增加到明年

1 个答案: