Jquery UI的日历控件datepicker限制日期(转)

网上找到这篇文章：http://www.jssay.com/blog/index.php/2010/04/27/%E5%A6%82%E4%BD%95%E7%A6%81%E7%94%A8datepicker%E7%9A%84%E6%97%A5%E6%9C%9F/

 现在jquery用的很广泛，一方面是其强大的库，另一方面是它的插件很丰富。最近用了jquery的datepicker插件，感觉很棒，界面很漂亮，功能齐全，且扩展性很好。强烈推荐使用。

 项目中有一个需求，要禁用某些日期，比如周末，节假日。看了datepicker的源码，发现里面有一个noWeekends方法可非常简单地实现禁用周末，请看代码：

 $("#datepicker").datepicker({
 beforeShowDay: $.datepicker.noWeekends
 });

 如果要禁用某些特定的日期，可定义一个函数实现，如下：

 natDays = [
 [, ，], [, ，], [, ,], [, ,],
 ];

 function nationalDays(date) {
 for (i = ; i < natDays.length; i++) {
 if (date.getFullYear() == natDays[i][] && date.getMonth() == natDays[i][] -
 && date.getDate() == natDays[i][]) {
 return [false, natDays[i][] + '_day'];
 }
 }
 return [true, ''];
 }

 $("#datepicker").datepicker({
 beforeShowDay: nationalDays
 });

 上面函数的返回值是以个数组，第一个布尔值表示是否禁用该日期，true为不禁用，false为禁用。第二个参数是以个样式名，可自定义被禁用时的样式。

 如果只要求某个时间段的日期可以选择，通过设置两个参数可以实现：

 $("#datepicker").datepicker({
 minDate: new Date(, , ),
 maxDate: new Date(, , ),
 });

 以上设置表示在2009年5月6号到2009年6月14号是可选的。

现在考虑我自己的应用，我现在要做淡旺季的价格表，如果选择旺季，日期就不能选择非旺季的日期，淡季和平季也是如此。

这样乍看起来需要界定一个日期范围，但是研究楼上的源代码后看到，只需要限定月份就行了。因为每个淡旺季的开头和结尾都是以自然月的1号和30号（31，28号）为结束的，所以数组那里只需要一个值，而不需要三个值来判断。对于一般的应用，最多也是需要两个，也就是日期和月份，年份几乎每年都一样。

另外一个变通点，起始日期的选择。如果旺季开始于7月，当前日期是5月，那么日历的起始日期应该是7月1日。如果当前日期正好处于旺季，那么就从当天开始作为日期的起始点。

第三，我必须要从一个隐藏元素中获取当前的季节特征，淡季，平季还是旺季，不同的季节有不同的价格。那么因为各个浏览器对于浏览器加载元素的时机不同，所以决定放在jquery的$(function(){});里面。

于是就有了如下的js

 var d=new Date();
 var y=d.getFullYear();
 var m=d.getMonth()+;
 var day=d.getDate();

 function nationalDays(date) {
     for (i = ; i < natDays.length; i++) {
         if (date.getMonth() == natDays[i][] - ) {
             return [false, natDays[i][] + '_day'];
         }
     }
     return [true, ''];
 }

 $(function(){
     var season=document.getElementById('season').value;
     if(season=='busy'){
         document.getElementById('seasonTips').innerHTML='旺季的月份选择只能是4月5月9月10月11月'
         if(m> && m<){
             mindate=y+'-4-1';
         }else if(m>&&m<){
             mindate=y+'-9-1';
         }else if(m>){
             mindate=y++'-4-1';
         }else{
             mindate=y+'-'+m+'-'+day;
         }
         //旺季4,5,9,10,11
         natDays=[[],[],[],[], [], [],[],];
     }else if(season=='common'){
         document.getElementById('seasonTips').innerHTML='平季的月份选择只能是3月6月7月8月';
         if(m<){
             mindate=y+'-3-1';
         }else if(m> && m<){
             mindate=y+'-6-1';
         }else if(m>){
             mindate=y++'-3-1'
         }else{
             mindate=y+'-'+m+'-'+day;
         }
         //平3678
         natDays=[[],[],[],[],[],[],[],[],];
     }else if(season=='dull'){
         document.getElementById('seasonTips').innerHTML='淡季的月份选择只能是1月2月和12月';
         if(m> && m<){
             mindate=y+'-12-1';
         }else{
             mindate=y+'-'+m+'-'+day;
         }
         //淡季12.1.2,禁用345678910
         natDays=[[],[],[],[],[],[],[],[],[],];
     }
     // Datepicker
         $('.Wdate').datepicker({
             numberOfMonths:,
             showButtonPanel:false,
             dateFormat: 'yy-mm-dd',
             minDate: mindate,
             beforeShowDay: nationalDays,
         });
 });