rich:calendar日历控件限定日期范围

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



你可能感兴趣的:(calendar)