在fullcalendar中显示仅与当前月份相关的事件？

Question

我发现了一些建议方法，可以隐藏当前不属于当前月份的事件：https://github.com/fullcalendar/fullcalendar/issues/437。

我想使用下面的代码来隐藏事件。我试图实现下面的下面的代码：

//what month the event is 

var theEventMonth = event.start.getUTCMonth(); 
//what month we're viewing 
var showingMonth = t.start.getMonth(); 

if(theEventMonth != showingMonth){ 
    className = 'hiddenEvent '; 
}else{ 
    className = 'fc-event fc-event-hori '; 
} 
--- 

下是显示不应该出现在当月的活动图像：

我不知道其中下面的代码应该在下面的代码（我用ColdFusion和村）被添加：

<cffunction name="FullCalendar"> 

    <cfscript> 

     var calendarid = $.getbean('content').loadby(title='Regal Events').getcontentid(); 


    </cfscript> 
    <cfsavecontent variable="local.str"> 
     <cfoutput>   

       <div id="UpcomingCal" class="calendarResize"> 
       </div> 
     <script> 

     mura.loader() 
      .loadcss("#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.css",{media:'all'}) 
      <!---.loadcss("#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar-custom.css",{media:'all'})---> 
      .loadcss("#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.print.css",{media:'print'}) 
      .loadjs(
       "#$.siteConfig('requirementspath')#/fullcalendar/lib/moment.min.js", 
       "#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.min.js", 
       "#$.siteConfig('requirementspath')#/fullcalendar/gcal.js", 
       function(){ 
        $('##UpcomingCal').fullCalendar({ 
         weekMode: 'variable', 
         eventSources: [ 
          { 
           url: '#variables.$.siteConfig('requirementspath')#/fullcalendar/proxy.cfc?calendarid=#esapiEncode("javascript",CalendarID)#' 
           , type: 'POST' 
           , data: { 
            method: 'getFullCalendarItems' 
            , calendarid: '#esapiEncode("javascript",CalendarID)#' 
            , siteid: '#variables.$.content('siteid')#' 
            , categoryid: '#esapiEncode('javascript',variables.$.event('categoryid'))#' 
            , tag: '#esapiEncode('javascript',variables.$.event('tag'))#' 
           } 
           <!---, color: '#this.calendarcolors[colorIndex].background#' 
           , textColor: '#this.calendarcolors[colorIndex].text#'---> 
           , error: function() { 
            $('##mura-calendar-error').show(); 
           } 
          }, 
         ] 
        }); 
       } 
       ) 
     </script> 

     </cfoutput> 
    </cfsavecontent> 
    <cfreturn local.str /> 
</cffunction 

任何帮助，将不胜感激。谢谢

Answer 1

使用方法如下。这对我有用。

dayRender:function(date,cell,view){ // added view in arguments 
var startmonth = view.start.getMonth()+1; 
if(month == startmonth) 
{ 
    your codes; 
} 

Answer 2

当我经历的全日历JS文件，我没有找到任何解决方案。所以像下面一样使用它。

var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 


    var month = Array(); 
    for (var i = 0;i < event_days.length; i++){ 

    var cal_month = m + 1; 
    var currnt_month = event_days[i].date.split("-").map(Number); 

    if(currnt_month[1] == cal_month){ 
     var monthSource = new Object(); 
     monthSource.title = '<span style="color: #ff1103">'+event_days[i].base_currency+'&nbsp;&nbsp;'+event_days[i].d_adult_sharing+'</span><br><a class="btn btn-primary btn-xs book_click" >Book</a>'; 
     monthSource.start = ''+event_days[i].date+''; 

     month[i] = monthSource; 
     } 
    } 

其中event_days是我的数组，其中包含我想要显示我的事件的所有日期。

并为下个月或上个月我使用。

$(document).on("click", ".fc-button-next" , function(){ 

    alert('nextis clicked, do something'); 
}); 

我希望这会有所帮助。