时间戳

首页 > 解决方案 > Primefaces datePicker范围过滤器结束日期问题

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

问题描述

我正在使用 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>

ISSUE :过滤器作为date >= startDate 和 date < endDate

我希望它像这样工作：date >= startDate 和 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();
         }

但仍然得到相同的结果。

标签： javascriptjsfprimefacesdatepicker

解决方案

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

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

或者，如果您使用的是LazyDataModel，只需对提供org.primefaces.model.FilterMeta的 进行操作MatchMode RANGE。

推荐阅读