将 primefaces 日历日期重置为系统日期答案

【问题标题】：reset primefaces calendar date to system date将 primefaces 日历日期重置为系统日期
【发布时间】：2016-03-01 05:41:56
【问题描述】：

我正在使用 jsf 2.0 和 primefaces 设计页面技术。在我的页面中，我插入了一个主要面孔日历。当用户单击日历更改默认日期时，会显示一条警告消息，该消息是一个包含两个命令按钮的对话框。现在我要做的是当用户单击取消命令按钮时，日期应更改回默认日期，该日期从页面加载时的第一个时间页面填充。我写了一个java脚本，但它不工作。

<label>Date<label>
<p:calendar readonlyInput="true" widgetVar="calDate" yearRange="c-20:c+20" navigator="true" id="b1incomeeffectfrom#{incmStatus.index}" value="#{userDate.effectiveFrom}" pattern="dd/mm/yyyy">
  <p:ajax event="dateSelect" oncomplete="checkForDefault(this);" global="false"/>
</p:calendar>

<p:dialog rendered="#{user.Lock}" widgetVar="dlg1" header="Warning" modal="true">
  <h:panelGroup layout="block" styleClass="modal-dialog">
    <h:panelGroup layout="block" styleClass="modal-content">
      <h:panelGroup layout="block" styleClass="modal-body">
        <div class="form-horizontal">
          <h:panelGroup layout="block" styleClass="form-group">
            <h:outputLabel styleClass="col-xs-8 control-label">Are you sure want to change?</h:outputLabel>
          </h:panelGroup>
        </div>
      </h:panelGroup>
      <h:panelGroup layout="block" styleClass="modal-footer">
        <p:commandButton value="Ok" type="button" styleClass="btn btn-primary" onclick="PF('dlg1').hide();PF('dlg2').show();" />
        <p:commandButton value="Cancel" type="button" styleClass="btn btn-primary" onclick="resetDate();" />
      </h:panelGroup>
    </h:panelGroup>
  </h:panelGroup>
</p:dialog>

javascript

function resetDate(){
  PF('dlg1').hide();
  calDate.setDate(null);
}

【问题讨论】：

对话框与问题有什么关系？？为什么要在对话框中创建一个对话框？ PF 对话框具有页眉/正文/页脚方面/..

标签： jsf primefaces calendar reset

【解决方案1】：

您的日历值来自您的支持 bean (userDate.effectiveFrom)。您必须更改那里的值才能生效

<p:commandButton value="Cancel" type="button" styleClass="btn btn-primary" 
onsuccess="PF('dlg1').hide()" action="#{userDate.resetDate()}" update="calDate" />

class UserDate{
[..]

  public void resetDate(){
    this.effectiveFrom = initialDate;
  }
[..]
}

【讨论】：