java - 将日历添加到 JSF 页面

Question

任何人都可以帮助我如何在 JSF 页面中添加弹出日历。我需要添加一个日历，用户将在其中选择日期，并且所选日期应显示在文本框中。谁能帮我实现丰富的面部日历？

Answer 1

您可以通过以下方式使用丰富的面孔日历:-

<rich:calendar id="dtDOB" value="#{Bean.variableName}" styleClass="textBox"
     datePattern="dd-MMM-yyyy" required="true" 
    label="#{Something}" validator="Validator.Something" />

variableName 将在您的支持 bean 中具有 setter 和 getter。数据类型将为 Date。因此，当您实际选择日期并提交页面时，您的 getter 将包含所选日期。使用getVariableName() 检索选定的值。

你的bean应该是这样的:-

@ManagedBean(name="Demo")  //Annotation.You can also define this entry in faces-config.xml
@RequestScoped    //Scope of the bean

public class TestDemo
{
private Date dtDateOfBirth;


public Date getDtDateOfBirth() {
        return dtDateOfBirth;
    }

    public void setDtDateOfBirth(Date dtDateOfBirth) {
        this.dtDateOfBirth = dtDateOfBirth;
    }
}

修改后的 rich:calendar 应该如下所示:-

<rich:calendar id="dtDOB" value="#{Demo.dtDateOfBirth}" styleClass="textBox"
     datePattern="dd-MMM-yyyy" required="true" 
    label="#{Something}" validator="Validator.Something" />

如果您不想使用验证，请从 rich:calendar 标记中删除 validator 和必需属性