2016-09-30 8 views
0

json URL(/コメント)からfullcalendarで時間をレンダリングするにはどうすればよいですか?時間が表示されるはずの "オブジェクトオブジェクト"を表示しています。 jsonのURLから時間を引く正しい方法は何ですか? URLFullcalendar:json url型エラーから時間をレンダリングする方法hasTime()

enter image description here

エラーfullcalendar

{"Title": "qwerty", "Description": "asdf", "IsFullDay": null, "EndAt": "2016-09-21T09:10:15.549000", "StartAt": "2016-09-21T09:10:15.549000"}

から

JSONの例 "fullcalendar.min" から

enter image description here

enter image description here

controller.js

function populate() { 
     clearCalendar(); 
     $http.get('/comments', { 
      cache: true, 
      params: {}, 
     }).then(function (data) { 
      $scope.projects.slice(0, $scope.projects.length); 
      angular.forEach(data.data, function (value) { 
       $scope.projects.push({ 
        // id : value.ProjectID, 
        title: value.Title, 
        description: value.Description, 
        start: new Date(value.StartAt), 
        end: new Date(value.EndAt), 
        allDay: value.IsFullDay, 
        stick: true 
       }); 
      }); 
     }); 
} 

//configure calendar 

$scope.uiConfig = { 
    calendar: { 
     eventSources:{ 
       url: '/comments', 
     }, 
     height: 500, 
     editable: true, 
     displayEventTime: true, 
     header: { 
      left: 'month, agendaWeek, agendaDay', 
      center: 'title', 
      right: 'today prev,next' 
     }, 
     timeFormat : { 
      month: ' ', //for hide on month view 
      agenda: 'h:mm: t' 
     }, 
     selectable: true, 
     selectHelper: true, 
     select: function(start, end){ 
      var fromDate = moment(start).format('DD/MM/YYYY LT'); 
      var endDate = moment(end).format('DD/MM/YYYY LT'); 

      $scope.NewProject = { 
       ProjectID : 0, 
       StartAt : fromDate, 
       EndAt : endDate, 
       IsFullDay : false, 
       Title : '', 
       Description: '' 
      } 
      $scope.ShowModal() 
     }, 
+0

エラーを展開し、コード内のどこから発生しているかを確認します。 – Ryan89

+0

@ Ryan89それはfullcalendar.minから来ています。そのコードはもちろん変更することはできません –

+0

左の矢印をクリックしていないので、あなたのコードのどこに由来するかトレースに従います。 – Ryan89

答えて

0

溶液に

start: new Date(value.StartAt), 
end: new Date(value.EndAt), 

た単に(非客観)を変更する

timeFormat : { 
     month: ' ', //for hide on month view 
     agenda: 'h:mm: t' 
    }, 

timeFormat : 'h:mm: t' 

またはいずれかの形式を変更しますあなたはORをほしいと思っています。timeFormatは完全に(自動的にデフォルトに解決されます)

0

あなたの移入機能では、あなたの開始日と終了日がfullCalendarでは動作しませんJavaScriptのDateオブジェクトを使用して作られて、それは瞬間を必要とします日付オブジェクト。以下、この場合のこの

start: moment(value.StartAt), 
end: moment(value.EndAt), 
+0

前と同じhasTimeエラー –

関連する問題