2013-02-15 77 views
0

我有一个日期选择器JavaScript日历,用特定颜色突出显示特定假期。
我需要它突出显示Wednsday(3) - 周六(6)以及我正在挣扎的日子。
这里是我使用至今代码:
javascript日历 - 突出特定日子

<script type="text/javascript"> 
     $(document).ready(function() { 
       var SelectedDates = {}; 

       SelectedDates[new Date('01/01/2014')] = new Date('01/01/2014'); 
       SelectedDates[new Date('01/02/2014')] = new Date('01/02/2014'); 
       SelectedDates[new Date('01/03/2014')] = new Date('01/03/2014'); 

       $('#date1, #date2').datepicker({ 
         beforeShowDay: function(date) { 
           var Highlight = SelectedDates[date]; 
           if (Highlight) { 
             return [true, "highlighted", Highlight]; 
           } 
           else { 
             return [true, '', '']; 
           } 
         } 
       }); 

     }); 

    </script> 

的CSS是这样的:

.highlighted a{background:#f57d31 !important;} 

而且形式如下:

<input id="date1" name="date1" size="12" type="text" /> 

请帮助在星期六(3) - 星期六(6)的整个日历上突出显示的最佳路线。 谢谢〜!

+0

你举的例子似乎做工精细http://jsfiddle.net/j08691/s6X97/(提供你导航到2014年)。 – j08691 2013-02-15 21:30:49

+0

它确实为那些特定的日期,但我需要突出星期三至星期六以及。 – jes 2013-02-18 13:02:14

+0

是这样的:http://jsfiddle.net/j08691/s6X97/2/? – j08691 2013-02-18 16:14:09

回答

0

以下重点周三至周六五月月至九月:

$('#date1, #date2').datepicker({ 
    beforeShowDay: function (date) { 
     var day = date.getDay(); 
     var month = date.getMonth(); 
     return [(day>=3 && day<=6)&&(month>=4 && month<=8), "highlighted"]; 
    } 
}); 

jsFiddle example