p：日历不起作用答案

【问题标题】：p:calendar does not workp：日历不起作用
【发布时间】：2014-12-23 11:44:06
【问题描述】：

我有一个关于<p:calendar> 组件的非常奇怪的问题。我在<p:panelGrid> 中有一个日历（见下文），但是当我打开我的页面时，单击“输入框”时没有打开日历。

<p:panelGrid>                           
    <p:calendar value="#{backingBean.date}" />
</p:panelGrid>

当然，日期属性在我的支持 bean 中：

private Date date;

public void setDate(Date date) {
    this.date = date;
}

public Date getDate() {
    return date;
}

我只是不知道该怎么做才能让它工作。还有一件事： ~` 也有问题。只是不能点击它来选择值。

PS：使用 PF 5.1

【问题讨论】：

标签： jsf jsf-2 primefaces calendar

【解决方案1】：

确保您的页面中有<h:form>。一般我们指定

<p:calendar id="c1" pattern="yyyy/MM/dd HH:mm:ss" timeZone="IST" 
      value="#{backingBean.date}" showOn="button"/>

结帐Primeface-caledar showcase 了解更多日历示例

【讨论】：

【解决方案2】：

你可以试试下面的代码

<p:panelGrid columns="1">                          
            <p:calendar value="#{backingBean.date}" />
        </p:panelGrid>

或

 <p:panelGrid >                          
    <p:row>
        <p:column>
          <p:calendar value="#{backingBean.date}" />
        </p:column>
  </p:row>
</p:panelGrid>

【讨论】：

【解决方案3】：

找到了我的问题的原因。使用我的 JS 验证功能，我尝试使用不存在的 id 验证组件。这就是我的其他组件没有响应的原因。

之前应该考虑过...

【讨论】：

所以你应该在下次发布尽可能多的代码。

【解决方案4】：

从 '@angular/platform-browser/animations' 导入 { BrowserAnimationsModule }；

@NgModule({ 进口：[
. . .
浏览器动画模块，
. . .
],
. . .
})

在你项目的 app.module.ts 中

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。