Question

我正在使用Primefaces开发一个项目。

在我的项目中，我需要在JavaScript选择月份时调用p:calendar方法。

我尝试了一些场景，但没有用。

示例代码：

      $(document).on('change', '.ui-datepicker-title .ui-datepicker-month', function() {
            changeMonth();
       });

      $(document).on('click', '.ui-datepicker-trigger', function() {
            changeMonth();
       });


      function changeMonth()
        {
            alert("Called");
        }

.ui-datepicker-title .ui-datepicker-month and .ui-datepicker-trigger是默认的p:calendar类。

请帮帮我。

Answer 1

关于Primefaces用户指南

另一个方便的事件是在月份和年份更改时触发的viewChange。一个例子将org.primefaces.event.DateViewChangeEvent传递给提供当前事件的事件侦听器月份和年份信息。

试试看

<p:calendar value="#{calendarBean.date}">
    <p:ajax event="viewChange" oncomplete="changeMonth()" />
</p:calendar>

Answer 2

<p:column headerText="Validity From " >  <p:calendar  id="faFromDate"  p:placeholder="DD-MM-YY"    value="#{item.fAFromDate}" required="true"
        requiredMessage="Please enter validity from date." 
  pattern="dd-MM-yyyy" mask="true" >
   <p:ajax event="dateSelect" listener="#{agronomistPageBean2.ajaxListener()}" update="faToDate" /> 
  </p:calendar>

  </p:column>

这将100％调用ajax方法。

如何在点击p：calendar .ui-datepicker-month（select）时调用JavaScript方法？

2 个答案: