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

相關問題