PrimeFaces日期选择器弹出窗口未显示

PrimeFaces日期选择器弹出窗口未显示,primefaces,datatable,datepicker,calendar,Primefaces,Datatable,Datepicker,Calendar,我已经从PrimeFaces showcase()复制粘贴了Datepicker示例(html+bean),但是对于任何示例,弹出窗口都不会显示在我的应用程序上(它在showcase中显示ok,因此这不是浏览器问题) 单击p:calendar会出现以下错误: 现在,像疯子一样点击/刷新,我不知何故设法让弹出窗口显示出来……但我在控制台中发现了以下错误: 你知道发生了什么事吗?多谢各位 编辑1: 我试图使用p:datePicker小部件在PrimeFaces p:dataTable中创建一个日

我已经从PrimeFaces showcase()复制粘贴了Datepicker示例(html+bean),但是对于任何示例,弹出窗口都不会显示在我的应用程序上(它在showcase中显示ok,因此这不是浏览器问题)

单击p:calendar会出现以下错误:

现在,像疯子一样点击/刷新,我不知何故设法让弹出窗口显示出来……但我在控制台中发现了以下错误:

你知道发生了什么事吗?多谢各位

编辑1:

我试图使用p:datePicker小部件在PrimeFaces p:dataTable中创建一个日期范围过滤器。 问题是-datePicker弹出窗口隐藏在p:dataTable行后面

源代码:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">

<p:outputPanel id="test1">
    <p:dataTable value="#{myOrdersBean.addresses}" var="address"
                 widgetVar="addressTable" filteredValue="#{myOrdersBean.filteredAddresses}">

        <p:column headerText="Pickup time" sortBy="#{address.pickupTime}"
                  filterBy="#{address.pickupTime}" filterFunction="#{myOrdersBean.filterByDate}">
            <f:facet name="filter">
                <p:datePicker selectionMode="range" value="#{myOrdersBean.pickupDateRange}"
                              readonlyInput="true" pattern="dd.MM.yyyy" onchange="PF('addressTable').filter()"/>
            </f:facet>

            <p:outputLabel value="#{address.pickupTime}">
                <f:convertDateTime pattern="dd.MM.yyyy HH:mm"/>
            </p:outputLabel>
        </p:column>
    </p:dataTable>
</p:outputPanel>
</html>

问题1:如何可靠地显示Datepicker

问题#2:如何在Datatable行前面显示Datepicker弹出窗口

多谢各位

  • JQuery错误和datepicker未显示是因为我的
    元素不包含datepicker.js.jsf资源
  • 您是否尝试了
    appendTo=“@(body)”
    ?可能重复的