如何在fullcalendar視圖中顯示我的json響應事件或如何將函數（json feed）中的事件加載到fullcalendar？

其實我試圖在fullcalendar上顯示事件（json feed）。如何在fullcalendar視圖中顯示我的json響應事件。如何在fullcalendar視圖中顯示我的json響應事件或如何將函數（json feed）中的事件加載到fullcalendar？

繼承人我控制器代碼：

public ActionResult GetEventWithSpecifiedDate(string start, string end) 
     { 
      var newEvent = new List<CalendarEventModel>(); 

      newEvent.Add(new CalendarEventModel(){ 
       id = 1, 
       start = DateTime.Now.ToString("yyyy-MM-dd HH:mm"), 
       end = DateTime.Now.AddDays(2).ToString("yyyy-MM-dd HH:mm"), 
       title = " it works", 
      }); 
      newEvent.Add(new CalendarEventModel(){ 
       id = 2, 
       start = DateTime.Now.AddDays(4).ToString("yyyy-MM-dd HH:mm:ffff"), 
       end = DateTime.Now.AddDays(2).ToString("yyyy-MM-dd HH:mm:ffff"), 
       title = "really it works!", 
      }); 
      return Json(new JsonResultModel() { success = true, aaData = newEvent }, JsonRequestBehavior.AllowGet); 
     }

和繼承人我的js代碼：

genericCalendar: function (id, ajaxSourceUrl, data, eventDataTransform, callbackFnc) { 
     $(id).fullCalendar('destroy'); 
     $(id).fullCalendar({ 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month,agendaWeek,agendaDay' 
      }, 
      allDayDefault: false, 
      selectable: true, 
      selectHelper: true, 
      ignoreTimezone: false, 
      select: function (start, end, allDay) { 
       if (callbackFnc) 
        callbackFnc(); 
       $(id).fullCalendar('refetchResources'); 
      }, 
      editable: true, 
      monthNames: ['Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran', 'Temmuz', 'Ağustos', 'Eylül', 'Ekim', 'Kasım', 'Aralık'], 
      monthNamesShort: ["Ocak", "Şub", "Mar", "Nis", "May", "Haz", "Tem", "Ağu", "Eyl", "Ekim", "Kas", "Ara"], 
      dayNames: ["Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"], 
      dayNamesShort: ["Pzr", "Pts", "Sal", "Çrş", "Prş", "Cum", "Cts"], 
      titleFormat: { month: "MMMM yyyy", week: "MMM d[ yyyy]{ '&#8212;'[ MMM] d yyyy}", day: " d MMM yyyy , dddd" }, 
      eventDataTransform: function (eventData) { 
       if (eventDataTransform) 
        eventDataTransform(eventData); 
       return eventData; 
      }, 
      events: function (start, end, callback) { 
       $.ajax({ 
        type: 'POST', 
        url: ajaxSourceUrl, 
        data: { 
         start: start.toLocaleDateString(), 
         end: end.toLocaleDateString() 
        }, 
        success: function (data) { 
         var events = []; 
         $.each(data, function (index, value) { 
          debugger; 
          events.push({ 
           id: value['id'], 
           title: value['title'], 
           start: value['start'], 
           end: value['end'] 
          }); 
         }); 
         console.log(index + ": " + value); 
        } 
       }); 
      }, 

      eventRender: function (calEvent, $event) { 
       calEvent.type //this is my new field 
      }, 
      eventClick: function (event, element) { 
       if (callbackFnc) 
        callbackFnc(event, element); 
       $(id).fullCalendar('refetchResources'); 
      } 
     }); 
    },

如何顯示在fullcalendar鑑於我的JSON響應事件..我做不到..

來源

2015-10-20 girlwiththebluehair

我想你是在尋找[this]（http://fullcalendar.io/docs/current_date/defaultDate/）和/或[this]（http://fullcalendar.io/docs/current_date/ gotoDate /） – VisualBean

謝謝你的幫助:) – girlwiththebluehair

如果我正確理解你的問題。

正如docs

gotoDate

表示移動日曆到任意日期。

.fullCalendar('gotoDate', date)

date可以是矩對象，或任何彎矩構造接受。

來源

2015-10-20 09:22:12 VisualBean

如何在fullcalendar視圖中顯示我的json響應事件或如何將函數（json feed）中的事件加載到fullcalendar？

回答

相關問題