在一些场景,我们可能需要对rich:calendar的时间范围进行限定,如:只能选择当前日期之后的,只能选择当前日期之前的,或者在startDate ~ endDate之间的。
?
我说下用javascript来实现的,当然也可以在后台实现(利用preloadDateRangeBegin,preloadDateRangeEnd,dataModel来实现,具体我不细说)
?
javascript实现如下(我这个是只能选择当前日期或之后的日期,这个可根据你的业务来限定):
?
<script type="text/javascript"> //<![CDATA[ function validateDate(day) { var curDt = new Date(); var beginDt = new Date(); curDt.setHours(0, 0, 0, 0); beginDt.setFullYear(curDt.getFullYear() - 6, curDt.getMonth(), curDt.getDate()); beginDt.setHours(0, 0, 0, 0); var time=day.date.getTime(); if ((time >= curDt.getTime()) || (time <= beginDt.getTime())) return true; else return false; } function disablementFunction(day){ return validateDate(day); } function disabledClassesProv(day){ if (!validateDate(day)) return 'rich-calendar-boundary-dates'; return ''; } //]]> </script>
?
<rich:calendar popup="true" value="#{date}" isDayEnabled="disablementFunction" dayStyleClass="disabledClassesProv" ></rich:calendar>