2013-06-11 28 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