在fullcalendar初始化期间获取日期

时间:2013-07-25 20:08:35

标签: fullcalendar

我正在使用eventSources方法来初始化FullCalendar jQuery插件。

eventSources:[     initEvents(visibleStartDate,visibleEndDate) ]

其中initEvents是和ajax调用jsp页面,返回表示要呈现的事件的json对象。它工作得很好但现在我只想在日历上看到的日期获取事件。我在文档中读到我可以在View对象上使用visStart和visEnd来获取日历的开始和结束日期,但是我不知道在初始化eventSources时如何获取该信息。有办法吗?提前感谢您的回复。

埃里克

1 个答案:

答案 0 :(得分:0)

事实证明,当从外部获取日历源时,fullcalendar插件将添加开始和结束HTTP参数。有关详细信息,请参阅此处的文档:http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

我的代码(javascript,JSP,JSF的混合):

  1. FullCalendal初始化:
  2. page.view.calendar.fullCalendar(
    { 
    ....
    eventSources: [ 
    page.control.initEventSources(#{sessionBean.myCalendar.calendarConfgIdNbr},'Approved'),         
    page.control.initCalendarHolidays(#{sessionBean.myCalendar.calendarConfgIdNbr})], 
    .... 
    });
    

    2.我的javascript函数:     page.control.initEventSources:

    page.view.calendar.fullCalendar(
    { 
    ....
    eventSources: [ 
    page.control.initEventSources(#{sessionBean.myCalendar.calendarConfgIdNbr},'Approved'),         
    page.control.initCalendarHolidays(#{sessionBean.myCalendar.calendarConfgIdNbr})], 
    .... 
    });
    
    1. 我的JSP片段(用于检索第一天和最后一天):

      var page = { 
                  control : { 
                      initEventSources : function(calConfId, status) {
                          return { 
                              url: '/oceportal/tom/data/bookings.jsp', 
                              type: 'POST', 
                              data: { calConfId: calConfId, bookingStatus: status, loggedInId: "#{sessionBean.loggedInId}", },
                              success: function(data) { },
                              error: function() { alert('there was an error while fetching events!'); },
                              color: 'none', 
                              textColor: page.colorConfig[status] 
                          };
                      }
                  }
              }
      

      希望对某人有所帮助。