Question

有没有办法只显示今天的日期。无需显示过去的事件和日期。

如果今天是2012年3月15日星期一，日历从今天开始，显示日期到2012年4月15日。

或从下一个月的当前一周开始。

Answer 1

请遵循以下主题：

http://code.google.com/p/fullcalendar/issues/detail?id=158&can=1&q=mindate&colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars

希望这有帮助

Answer 2

It can be easily achieved by iterating through fullcalendar events with classname fc-future. Here, is an example, where I'm adding a button for each future date.

 eventAfterAllRender: function (event) {
            if(event.name == 'month')
            {
                $('.fc-day.fc-future').each(function(){
                    $(this).css('position','relative');
                    $(this).append('<button type="button" style="position:absolute;bottom:0;left:0;right:0;" class="btn btn-primary" data-toggle="modal" data-target="#XYZRequest">\n' +
                        '<i class="fa fa-calendar-plus-o requestSlot fc-day-number" aria-hidden="true"></i>' +
                        '</button>');
                });
            }
        },

Answer 3

通过将开始日期设置为控制开始日期（我将当前日期设置为开始日期），您可以使用viewRender禁用或启用将来或过去日期的上一个/下一个按钮。

这是代码

{0,1,2,3,4}

反之亦然

Answer 4

使用ViewDisplay选项

  viewDisplay   : function(view) {
      date = new Date() //is today's date.

      if((date - view.start) > 0) { jQuery('.fc-button-prev').addClass("fc-state-disabled"); }
      else { jQuery('.fc-button-prev').removeClass("fc-state-disabled"); }

      if((view.end - date) > 7809463201) { jQuery('.fc-button-next').addClass("fc-state-disabled"); }
      else { jQuery('.fc-button-next').removeClass("fc-state-disabled"); }
  },

如何使FullCalendar仅显示未来日期

4 个答案: