FullCalendarはASP.NET MVC3のJsonフィードにバインドされません。

Question

FullCalendar jqueryプラグインをASP.NET MVC3アクションのJson配列にバインドすることに失敗しています。

私は、問題を見つけようとしてコードからほとんどすべてを削除しました。

アクション（カレンダーコントローラ）

public JsonResult Events(double start, double end) 
    { 
     var rows = new object[] { new { title="Event1", start= "2011-04-04" }, 
            new { title="Event2", start= "2011-04-05" } }; 
     return Json(rows, JsonRequestBehavior.AllowGet); 
    } 

ビュー

<script type='text/javascript'> 
    $(document).ready(function() { 
    $('#calendar').fullCalendar({ 
     events: '@Url.Content("~/Calendar/Events")' 
    }) 
}); 

：私は、そのすべてのSOとブログ記事私が読んだから、働くべき本、が残っています

結果は空のカレンダーであり、バインドされたイベントはありません。

JSON結果に

[{"title":"Event1","start":"2011-04-04"},{"title":"Event2","start":"2011-04-05"}] 

をそして、これは正常に動作します：：私は、JSONを取得していることを確認した私は、ISO8601を含む日付形式（のすべての番号を使用して試してみました

$(document).ready(function() { 
     $('#calendar').fullCalendar({ 
      events: [{title: 'Event1',start: '2011-04-04'}, 
        {title: 'Event2',start: '2011-04-05'} 
        ]}); 
    }); 

* nixタイムスタンプと同じ結果を得ました：バインドされていないイベント、空白のカレンダー。$ .ajaxエラー：関数を.fullCalendarオブジェクトに追加すると起動します。よく見える 私に。

私はFullCalendar 1.5（1.4.11でも試しましたが）、JQuery 1.5.1、JQueryUI 1.8.11を使用しています。

私が思うすべてを試しました。どのアイデアも大変ありがとうございます！

Answer 1

私はこの問題を発見しました。fullcalendar.jsとjquery.validate.jsの間に関数名の衝突があります。

Answer 2

たぶん、代わりにこの：

events: '@Url.Action("Events", "Calendar")' 

Answer 3

：これを試してみてください

events: '@Url.Content("~/Calendar/Events")' 

：この

return Json(rows.ToArray(), JsonRequestBehavior.AllowGet); 

またはその代わりに：

return Json(rows, JsonRequestBehavior.AllowGet); 

これを試してみてください

$ .ajax（）メソッドを使用します。

アクション（カレンダーコントローラ）

public JsonResult Events(string start, string end) 
    { 
     //convert string to date 
     DateTime _start = DateTime.TryParse(start, out _start) ? _start : DateTime.Now.Date; 
     DateTime _end = DateTime.TryParse(end, out _end) ? _end : DateTime.Now.Date; 

     var rows = 
     new object[] { new { title="Event1", start= "2011-04-04" },          
     new { title="Event2", start= "2011-04-05" } }; 
     return Json(rows, JsonRequestBehavior.AllowGet); 
    } 

ビュー

$(document).ready(function() { 
    $('#calendar').fullCalendar({ 

    events: function (start, end, callback) { 
     $.ajax({ 
      url: '@Url.Content("~/Calendar/Events")', 
      dataType: 'json', 
      data: { 
       start: start.toLocaleString("yyyy-mm-dd"), 
       end: end.toLocaleString("yyyy-mm-dd") 
      }, 

      success: function (doc) { 
       var events = []; 
       $.each(doc, function (key, val) { 
        events.push({ 
         title: val.title, 
         start: val.start, 
         url: 'http://google.com' 
        }); 
       }); 

       callback(events); 
      } 
     }); 
    } 
    }); 
    }) 

は、これが役立つと期待しています。