Richfaces Calendar Minimum and Maximum Dates

jsf richfaces
DaTroop picture DaTroop · Dec 16, 2009 · Viewed 13.3k times · Source

My problem is making the RichFaces calendar restricting the dates to be allowed to be chosen by the user.

Let's say I want to allow only the dates of this month and the dates of the next month to be chosen by the user.

I used the preloadDateRangeStart and preloadDateRangeEnd attributes but they did nothing.

I created my own CalendarDataModel which uses the preloadDateRangeStart and preloadDateRangeEnd and enables the items but the calendar on the screen allows only the dates of the current month to be selected. Note that the preloadDateRangeStart is today's date and preloadDateRangeEnd is today's date plus 2 months.

I am missing something here for sure. Can someone help me please?

Answer

Bozho picture Bozho · Dec 16, 2009

Use the isDayEnabled="isDayEnabled" attribute, where the value (isDayEnabled) is a javascript function you should define, in the form

function isDayEnabled(day) {
}

See the richfaces demo for more details.

If you want to add validation on the server side, use a custom JSF Validator, or use Hibernate Validator annotations (see richfaces - bean validator)

Related questions

f:convertDateTime displays wrong Date

In my Web Application I retrieve data using Hibernate and display it in a RichFaces dataTable. In my MySQL-table there is a field of type "date". When I print this field to the log in my Bean, it shows the …

Read More
How do I add background images in a JSF application using richfaces and CSS?

I'm making a website Using JSF and richfaces, but I need to do some background images on the drop down menu labels. I saw you can use the style attribute by doing .rich-ddmenu-label { background-image: url("images/the_image.gif"); } But …

Read More
Aligning content inside panelGrid columns

How do I align the content in the columns created by panelGrid component to the top ? I tried with no success, the following code <h:panelGrid columns="2" style="vertical-align:top; " > <p:tabView style="margin:0px 0px 50px 0…

Read More