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

 1 现在jquery用的很广泛，一方面是其强大的库，另一方面是它的插件很丰富。最近用了jquery的datepicker插件，感觉很棒，界面很漂亮，功能齐全，且扩展性很好。强烈推荐使用。
 2 
 3 项目中有一个需求，要禁用某些日期，比如周末，节假日。看了datepicker的源码，发现里面有一个noWeekends方法可非常简单地实现禁用周末，请看代码：
 4 
 5 $("#datepicker").datepicker({
 6 beforeShowDay: $.datepicker.noWeekends
 7 });
 8 
 9 如果要禁用某些特定的日期，可定义一个函数实现，如下：
10 
11 natDays = [
12 [7, 23，2009], [7, 24，2009], [8, 13,2009], [8, 14,2009],
13 ];
14 
15 function nationalDays(date) {
16 for (i = 0; i < natDays.length; i++) {
17 if (date.getFullYear() == natDays[i][2] && date.getMonth() == natDays[i][0] - 1
18 && date.getDate() == natDays[i][1]) {
19 return [false, natDays[i][2] + ‘_day‘];
20 }
21 }
22 return [true, ‘‘];
23 }
24 
25 $("#datepicker").datepicker({
26 beforeShowDay: nationalDays
27 });
28 
29 上面函数的返回值是以个数组，第一个布尔值表示是否禁用该日期，true为不禁用，false为禁用。第二个参数是以个样式名，可自定义被禁用时的样式。
30 
31 如果只要求某个时间段的日期可以选择，通过设置两个参数可以实现：
32 
33 $("#datepicker").datepicker({
34 minDate: new Date(2009, 6, 6),
35 maxDate: new Date(2009, 7, 14),
36 });
37 
38 以上设置表示在2009年5月6号到2009年6月14号是可选的。

 1 var d=new Date();
 2 var y=d.getFullYear();
 3 var m=d.getMonth()+1;
 4 var day=d.getDate();
 5 
 6 
 7 function nationalDays(date) {
 8     for (i = 0; i < natDays.length; i++) {
 9         if (date.getMonth() == natDays[i][0] - 1) {
10             return [false, natDays[i][0] + ‘_day‘];
11         }
12     }
13     return [true, ‘‘];
14 }
15 
16 $(function(){
17     var season=document.getElementById(‘season‘).value;
18     if(season==‘busy‘){
19         document.getElementById(‘seasonTips‘).innerHTML=‘旺季的月份选择只能是4月5月9月10月11月‘
20         if(m>1 && m<4){
21             mindate=y+‘-4-1‘;
22         }else if(m>5&&m<9){
23             mindate=y+‘-9-1‘;
24         }else if(m>11){
25             mindate=y+1+‘-4-1‘;
26         }else{
27             mindate=y+‘-‘+m+‘-‘+day;
28         }
29         //旺季4,5,9,10,11
30         natDays=[[1],[2],[3],[6], [7], [8],[12],];
31     }else if(season==‘common‘){
32         document.getElementById(‘seasonTips‘).innerHTML=‘平季的月份选择只能是3月6月7月8月‘;
33         if(m<3){
34             mindate=y+‘-3-1‘;
35         }else if(m>3 && m<6){
36             mindate=y+‘-6-1‘;
37         }else if(m>8){
38             mindate=y+1+‘-3-1‘
39         }else{
40             mindate=y+‘-‘+m+‘-‘+day;
41         }
42         //平3678
43         natDays=[[1],[2],[4],[5],[9],[10],[11],[12],];
44     }else if(season==‘dull‘){
45         document.getElementById(‘seasonTips‘).innerHTML=‘淡季的月份选择只能是1月2月和12月‘;
46         if(m>2 && m<12){
47             mindate=y+‘-12-1‘;
48         }else{
49             mindate=y+‘-‘+m+‘-‘+day;
50         }
51         //淡季12.1.2,禁用345678910
52         natDays=[[3],[4],[5],[6],[7],[8],[9],[10],[11],];
53     }
54     // Datepicker
55         $(‘.Wdate‘).datepicker({
56             numberOfMonths:2,
57             showButtonPanel:false,
58             dateFormat: ‘yy-mm-dd‘,
59             minDate: mindate,
60             beforeShowDay: nationalDays,
61         });
62 });