2013-06-11 111 views
2

我一直在使用jquery ui datepicker作爲事件日曆,它在Firefox和Chrome中效果很好。但是,它在IE 8和9中無法正常工作。jquery ui datepicker Internet Explorer的css問題

在查看日曆時應該突出顯示所選日期。 http://jsfiddle.net/GmPcC/3/(忽略文本顏色)

的Javascript:然而,在IE 8和9的日子,當用戶點擊它們,而不是從一開始就

繼承人在行動中一個鏈接被突出顯示只突出:

var events = [ 
    { Title: "Event1", Date: new Date("06/13/2013") }, 
    { Title: "even2", Date: new Date("06/25/2013") }, 
    { Title: "event3", Date: new Date("06/22/2013") } 
    ];$("div").datepicker({ 
     beforeShowDay: function(date) { 
      var result = [true, '', null]; 
      var matching = $.grep(events, function(event) { 
       return event.Date.valueOf() === date.valueOf(); 
     }); 

     if (matching.length) { 
      result = [true, 'highlight', null]; 
     } 
     return result; 
    }, 
    onSelect: function(dateText) { 
     var date, 
      selectedDate = new Date(dateText), 
      i = 0, 
      event = null; 

     while (i < events.length && !event) { 
      date = events[i].Date; 

      if (selectedDate.valueOf() === date.valueOf()) { 
       event = events[i]; 
      } 
      i++; 
     } 
     if (event) { 
      alert(event.Title); 
     } 
    } 
}); 

希望有人可以提供幫助。 謝謝

回答

3

它更多的是一個css問題。

嘗試增加

filter:none !important; to table.ui-datepicker-calendar tbody td.highlight > a 
+0

這就是做的伎倆,謝謝:)。 – trottski