2017-10-17 4 views
0

角度uiカレンダーから1週間のスケジューラーを作成しようとしていますが、「プロパティーを読み込めません」という形式の「null」のイベントが表示されています。すべての依存関係がインポートされ、私はそうのようなindex.htmlを上のUIカレンダーを宣言しています:角度uiCalendarはイベントをリジェンリングしません

<body ng-controller="MainCtrl"> 
<div class="row" on-load="renderCalendar('myCalendar');"> 
    <div class="col-md-4"> 
    <h1>All Events</h1> 
    <ul> 
     <li class="event" ng-repeat="event in eventSource"> 
     {{event.title}} 
     <button type="button" class="btn btn-danger" ng-click="removeEvent($index)"> delete</button> 
     </li> 
    </ul> 
    </div> 
    <div class="col-md-8"> 
    <div ui-calendar="uiConfig.calendar" ng-model="eventSource" calendar="myCalendar"></div> 
    </div> 
</div> 

マイ角度モジュールdeclararion:

var app = angular.module('calendar-app', 
['ngResource', 
'ui.calendar'] 
); 

カレンダーがページに表示されますが、私のハードコードされたイベントのどれも(イベントは私のコントローラで宣言されています)。私はここにこのスケジューラーのプランナーを持っています:https://plnkr.co/edit/Plscx3IiZb5h9cE7Wdv6?p=preview

私は関連する問題をたくさん検索しましたが、この問題を回避できませんでした。これらのイベントを正しくレンダリングするにはどうすればよいですか?

答えて

0

Cannot read property "format" of nullは、開始時刻または終了時刻に関連するエラーです。Fullcalendarはあなたの日付をフォーマットして失敗しています。 as the docs describe、あなたが使用する必要がある -

{title: 'All Day Event',start: new Date(y, m, 6),allDay:true}, 

Fullcalendarが必要とする形式ではありません:

A Moment-ish input, like an ISO8601 string.

アンISO8601文字列それはあなたのPlunkerに示すイベントはJavascript Dateオブジェクトとして開始日と終了日を指定しているためです2017-10-18のようになります。あなたはJavascriptのDateを使用してに固執する場合、クイックフィックスはtoISOString()を使用することです:

{title: 'All Day Event', start: new Date(y, m, 6).toISOString(), allDay:true}, 

あなたもそう、すでに利用可能Fullcalendarによって要求された瞬間、使用に切り替えることができます:すべての変更後

{title: 'All Day Event', start: moment().date(6), allDay:true}, 
+0

を私のイベントは瞬間入力を使用するエラーが発生しました: "未定義のプロパティ 'myCalendar'を読み取ることができませんから:

私は1つのカレンダーとコンソールでエラーがないので、私は 'myCalendar'私のカレンダーには表示されません。 https://plnkr.co/edit/Plscx3IiZb5h9cE7Wdv6?p=preview –

+0

あなたのPlunkerは私のためにはまったく機能しませんし、コンソール上のさまざまなJSライブラリの404を表示します。私はAngularを知らないので、物事の面でお手伝いすることはできませんが、イベントは正常に動作します([JSFiddle]を参照)(https://jsfiddle.net/w4Le1dqf/)。 –

+0

あなたの権利!また、私は問題の束を持っていることが判明フルカレンダーの古いバージョンを使用していた。それは今働きます!ありがとう。 –

関連する問題