您可以将日历绑定到标识为 timePickingBean 的支持 Bean。
像这样的东西:
<p:calendar widgetVar="Var1" id="ID1" value="#{Bean.Till}" pattern="HH:mm" timeOnly="true" mode="popup" showOn="button" binding="#{timePickingBean.calendar1}"></p:calendar>
<p:calendar widgetVar="Var2" id="ID2" value="#{Bean.Late}" pattern="HH:mm" timeOnly="true" mode="popup" showOn="button" binding="#{timePickingBean.calendar2}"></p:calendar>
在你的支持bean中:
public class TimePickingBean {
private org.primefaces.component.calendar.Calendar calendar1;
private org.primefaces.component.calendar.Calendar calendar2;
public void submitMethod(AjaxBehaviorEvent event) {
Date cal1 = (Date)calendar1.getValue();
Date cal2 = (Date)calendar2.getValue();
do some stuff...
}
}
不要忘记控制 Nullvalue 以及 getter 和 setter。但这仅在您仅在 backing bean 中而不在其他地方需要这些日历时才有用。
另一种方法是使用 PrimeFaces 中的 datechange 事件触发计算。在这种情况下,在更改日历 2 的值时调用支持 bean(您可以为日历 1 包含相同的值):
<p:calendar widgetVar="Var2" id="ID2" value="#{Bean.Late}" pattern="HH:mm" timeOnly="true" mode="popup" showOn="button" binding="#{timePickingBean.calendar2}">
<f:ajax event="dateSelect" execute="@form" render="SUM DIFFERENCE" action="#{timePickingBean.submitMethod}" ></f:ajax>
</p:calendar>