2012-04-10 71 views
0

我在我的js中插入了一些新功能,但dayClickeventClick不起作用。日曆能夠正確加載。dayClick和eventClick功能不起作用

任何想法爲什麼dayclick和eventclick在下面的代碼不起作用?

$(document).ready(function() { 
    var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 

    var calendar = $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: '', 
      right: 'agendaWeek,agendaDay' 
     }, 
     selectable: true, 
     selectHelper: true, 
     allDayDefault: false, 
     allDaySlot: false, 
     firstHour: 9, 
     defaultView: 'agendaWeek', 

     dayClick: function(date, allDay, jsEvent, view) { 
      calendar.fullCalendar('gotoDate', date); 
     }, 

     eventClick: function(calEvent, jsEvent, view) { 
    window.location = "http://www.domain.com?start=" + calEvent.start; 

}, 

     select: function(start, end) { 

      var title = prompt('Event Title:'); 
      if (title) { 
       calendar.fullCalendar('renderEvent', 
        { 
         title: title, 
         start: start, 
         end: end 
        }, 
        false // make the event "stick" 
       ); 

       var startDateString = $.fullCalendar.formatDate(start, 'yyyy-MM-dd hh:mm'); 
       var endDateString = $.fullCalendar.formatDate(end, 'yyyy-MM-dd hh:mm'); 
       $.ajax({ 
        type: 'POST', 
        url: '{url}ajaxpost/add', 
        data: { 
         startDate: startDateString, 
         endDate: endDateString, 
         eventTitle: title        
        }, 
        dateType: 'json', 
        success: function (resp) { 
         calendar.fullCalendar('refetchEvents'); 

        } 
       }); 
      } 
      calendar.fullCalendar('unselect'); 
     }, 
     editable: true, 
     events: "{url}ajaxget/data", 
    }); 

}); 

回答

0

由於兩者之間存在衝突,您不能一起使用「select」回調和「dayClick」回調。你可以使用datepicker來完成gotoDate函數來完成同樣的事情。

http://weblogs.asp.net/gunnarpeipman/archive/2010/02/02/linking-jqueryui-datepicker-and-fullcalendar.aspx

至於eventClick林不知道爲什麼它不工作,但它更容易把該URL的數據庫中調用它的事件,只是將其設置爲財產「網址:WWW .somesite.com/sdfjkiwe「

作爲一個附註,如果您沒有使用renderEvent來顯示您的事件,它可能會更好。嘗試使用這裏發現的事件函數在其中使用你的ajax調用。

http://arshaw.com/fullcalendar/docs/event_data/events_function/

+0

雖然你有點受限,但可以同時使用select和dayClick。例如,如果(allDay == true)'''''如果點擊了整個一天,就可以使用'dayClick'回調切換到'agendaDay''以便能夠從月和周視圖切換到日。這可行,但你必須在周視圖中點擊「全天」區域。 – mgttlinger 2013-10-24 06:15:32