P:日历不起作用

Question

我对组件有一个非常奇怪的问题<p:calendar>。我在<p:panelGrid>中有一个日历(见下文(，但是当我打开页面时，单击"输入框"时，日历没有像它应该的那样打开。

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

当然，date 属性在我的后备 bean 中：

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

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

PS：使用 PF 5.1

Answer 1

确保页面中有<h:form>。通常我们指定

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

查看Primeface-caledar展示更多日历示例

Answer 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>

Answer 3

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

之前应该考虑过...

Answer 4

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

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

在项目中的应用模块中