当前位置: 代码迷 >> Web前端 >> rich:calendar年历控件限定日期范围
  详细解决方案

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

热度:465   发布时间:2012-08-31 12:55:03.0
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>
  相关解决方案