Question

我正在使用fullcalendar 1.6.0，使用qtip2，在php中构建一个数组并将其用作事件列表

 $('#calendar').fullCalendar({
    // put your options and callbacks here
    events: [
    <?php echo $eventlist; ?>
    ],

它工作正常，但我现在想以“移动友好”的布局使用日历。

我想要做的是，在低于特定断点的分辨率下，删除部分或全部事件信息，使其不显示在日历本身内（因此日历上会显示彩色块，但很少或没有其他）但仍然出现在qtip中。

我可以使用eventrender来执行此操作吗？

Answer 1

是。我想你可以做到这一点。下面是示例代码。您必须使用两个事件eventRender和eventAfterAllRender。或者您也可以隐藏eventAfterAllRender中的元素。

eventRender: function (event, element, view) {
    if( window.screen.width < 300 ) {
       $('.fc-event-title').hide();
       $('.fc-event-time').hide();
    }
},
eventAfterAllRender: function( view ) {
      $('.fc-event-inner').each(function(){
          $(this).qtip(
          {
              content: $(this).children('.fc-event-time').html() + '' + $(this).children('.fc-event-title').html()
          });
      }
}

注意：此代码未经过测试。根据您的需要进行更改。上面的内容对你有用。

完整日历截断标题

1 个答案: