如何在 <p:inplace/> 内的 primefaces 日历中仅显示日期“dd/MM/yyyy”

Question

我试图在此代码中仅显示日期、月份和年份，但是当我输入初始日期并在原地单击保存按钮时，显示日期如下：“Thu Aug 21 00:00:00 BOT 2014" 我只想这样显示：“21/08/2014”或“21/Aug/2014”

这是代码：

<p:outputLabel value="#{msg['startDate']}" for="inputInitialDate"/>
<p:inplace id="inputInitialDate" editor="true" emptyLabel="#{msg['period.addInitialDate']}" 
                               disabled="#{periodManager.currentPeriod.state == 'DUE'}">
    <p:ajax event="save" listener="#{periodManager.addDateToPeriod}" update="formContainer"/>
    <p:calendar value="#{periodManager.currentPeriod.initialDate}" pattern="dd/MM/yyyy"
                                    widgetVar="calendarInputWidget"/>
</p:inplace>
<p:message for="inputInitialDate"/>

Answer 1

将<f:convertDateTime> 添加到日历中，重复pattern。 <p:calendar> 自己的pattern 属性确实是最常被误解的。它仅适用于应在日历选择弹出窗口中显示的模式，而不适用于输出的模式。

<p:calendar ... pattern="dd/MM/yyyy">
    <f:convertDateTime pattern="dd/MM/yyyy" />
</p:calendar>

或者，再干一点。

<p:calendar ... pattern="dd/MM/yyyy">
    <f:convertDateTime pattern="#{component.pattern}" />
</p:calendar>