我想通过单击“ p:calendar”的上一个和下一个按钮来调用方法,并且参数应为p:calendar的开始和结束日期。 其实想实现懒加载事件的概念,但是我不想使用主要面孔的时间表。 我已经尝试过使用这种方法来创建延迟加载方法,但是一旦我单击上一个或下一个按钮后,它便无法正常工作。
任何帮助将不胜感激。
这是我尝试过的代码。
<?xml version="1.0"?>
<f:view xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
</h:head>
<h:body >
<h:form id="passedcommingevent">
<p:remoteCommand name="datePickerNext" actionListener="#{eventController.datePickerNext}"></p:remoteCommand>
<p:remoteCommand name="datePickerPrevious" actionListener="#{eventController.datePickerPrevious}"></p:remoteCommand>
<p:calendar selectOtherMonths="true" showOtherMonths="true" value="#{eventController.today}" mode="inline" />
</h:form>
</h:body>
<script type="text/javascript" >
$(document).ready(function(){
$(".ui-datepicker-prev").click(function(){
datePickerPrevious();
console.log("Previous");
});
$(".ui-datepicker-next").click(function(){
datePickerNext();
console.log("Next");
});
});
</script>