Question

Can anyone help me how to add a pop up calendar in a JSF page.I need to add a calendar where the user will select the date and the selected date should be displayed in a text box. Can anyone help me to achieve the rich face calendar?

Answer 1

You can use the rich faces calendar in the following manner :-

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

variableName will have setter and getter in your backing bean.The data type will be Date.
So when you actually select a date and submit the page your getter will contain the selected date.
Use
getVariableName() to retrieve selected value.

Your bean should look like this:-

@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;
    }
}

Your modified rich:calendar should look something like this:-

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

In case you don’t want to use validation remove the validator and required attribute from rich:calendar tag