将日历添加到JSF页面

时间:2012-06-08 12:57:50

标签: java html jsf

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

1 个答案:

答案 0 :(得分:2)

您可以按以下方式使用富人日历: -

<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。 因此,当您实际选择日期并提交页面时,您的获取者将包含所选日期。 使用 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 id="dtDOB" value="#{Demo.dtDateOfBirth}" styleClass="textBox"
     datePattern="dd-MMM-yyyy" required="true" 
    label="#{Something}" validator="Validator.Something" />

如果您不想使用验证,请从rich:calendar标签中删除验证器和必需属性