今天在Jquery的FullCalendar中的所有日子里的MouseOver

时间:2012-01-24 20:14:44

标签: fullcalendar jquery

是否可以仅在FullCalendar中的实际日期之后的几天内制作鼠标悬停事件?

如果是,我怎么能这样做? 我只想在今天之后几天的细胞上显示光标“指针”......

1 个答案:

答案 0 :(得分:3)

今天的表格单元格(td元素)具有“fc-today”类。你需要运行一些jQuery来在表格中的所有tds之后设置css。这可以通过将此代码放在函数中并在初始化fullCalendar时将其分配给选项'viewDisplay'来完成。我认为这个jQuery代码应该这样做:

$('#calendar').fullCalendar({
...,
  viewDisplay: function (view) {
    if (view.start > new Date())
      $('.fc-view').find('td').css('cursor', 'pointer');
    else if (view.end < new Date())
      $('.fc-view').find('td').css('cursor', 'auto');
    else {
      $('.fc-view').find('td').css('cursor', 'auto');
      $('.fc-today').nextAll('td').css('cursor', 'pointer');
      $('.fc-today').closest('tr').nextAll('tr').find('td').css('cursor', 'pointer');
    }
  },
...
});