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>