Primefaces 5.0：选择后日历不隐藏答案

【问题标题】：Primefaces 5.0: calendar not hide after selectPrimefaces 5.0：选择后日历不隐藏
【发布时间】：2016-11-08 13:29:30
【问题描述】：

我在 Primefaces 5.0 中使用日历组件：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:h="http://xmlns.jcp.org/jsf/html" 
xmlns:p="http://primefaces.org/ui" 
xmlns:f="http://xmlns.jcp.org/jsf/core" 
xmlns:ui="http://xmlns.jcp.org/jsf/facelets">

<h:body id="body">

<h:form id="frm">

    <p:outputLabel value="My Date:" />

    <p:calendar value="#{mybean.myDate}" 
            pattern="yyyy-MM-dd HH:mm:ss"  
            id="myDate" 
            >
    <f:convertDateTime pattern="yyyy-MM-dd HH:mm:ss"/>
    <p:ajax process="@this" update="@this" event="dateSelect"/>
    </p:calendar>                             

</h:form>    

</h:body>

</html>

我的 web.xml 设置为：

<context-param>                          
    <param-name>primefaces.THEME</param-name>    
    <param-value>bootstrap</param-value>     
</context-param>

这个组件工作正常，但是有一个异常：当用户选择一个没有设置时间的日期时，日历不会隐藏，否则当用户选择一个日期并且在一个时间之后，日历会隐藏。

我可以将我的日历组件设置为在选择日期后隐藏吗？

谢谢

【问题讨论】：

标签： jsf jsf-2 primefaces calendar themes

【解决方案1】：

您可以通过更改日历模式来做到这一点：

pattern = "yyyy-MM-dd"

看看 PrimeFaces ShowCase PF Calendar。

【讨论】：

所以你想让用户选择一个日期和时间然后自动设置？
我希望如果用户选择日期或时间，那么日历组件会自动隐藏。现在日历组件在选择后仍然保持打开状态...
我认为您可以通过使用 onblur 或 onselect 属性然后手动关闭日历来做到这一点。