在一些场景,我们可能需要对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>