Primefaces datePicker 范围过滤器结束日期问题

Question

我正在使用 primefaces 10 数据表

我想按如下方式过滤 java.util.date 列：

<p:column field="dateCreated" headerText="Request Date" filterMatchMode="range">
    <f:facet name="filter">
        <p:datePicker widgetVar="dateFilterWidget" pattern="yyyy/MM/dd"  selectionMode="range" onchange="dateFilterChange();">
          <f:convertDateTime type="date"  dateStyle="short" pattern="yyyy/MM/dd" />
        </p:datePicker>                             
    </f:facet>
    <h:outputText value="#{requestItem.dateCreated}">
        <f:convertDateTime pattern="yyyy/MM/dd hh:mm aa" locale="ar"/>
    </h:outputText>
</p:column>

问题： 过滤器作为 date >= startDate 和 date < endDate

我希望它像这样工作：date >= startDate and date <= endDate

示例：我在 10 月 1 日创建了请求，在 10 月 7 日创建了请求如果我选择以下范围：

2021/10/01 - 2021/10/07 来自 2021/10/07 的请求没有出现在过滤结果中

所以我尝试破解代码如下：

function dateFilterChange(){
             var datePicker = PF('dateFilterWidget');
             console.log(datePicker.getDate());
             if(datePicker.getDate() &amp;&amp; datePicker.getDate().length == 2 &amp;&amp; datePicker.getDate()[1]!= null){            
                 var endDate = datePicker.getDate()[1];
                 endDate.setHours(23, 59, 59);
                 console.log('endDate :'+endDate);
             }
             console.log(datePicker.getDate());             
             PF('inboxTableWidget').filter();
         }

但仍然得到相同的结果。

Answer 1

您也可以选择在服务器端处理此问题。

范围过滤器由 org.primefaces.model.filter.RangeFilterConstraint 处理。您可以在您的项目中重载此 class 并修改 isInRange 方法以按照您想要的方式检查 Date。

或者，如果您使用的是 LazyDataModel，只需按照 MatchMode RANGE.

提供的 org.primefaces.model.FilterMeta 进行操作

Primefaces datePicker 范围过滤器结束日期问题

Primefaces datePicker range filter end date issue

javascript

jsf

datepicker

primefaces