fullcalendar、1日あたりのイベントを計算したい

Question

私はfullcalendarを使用しています。その日のその時に働いた合計時間を追加したいと思います。どうやってやるの？

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

     $('#calendar').fullCalendar({ 
      header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay',}, 
    editable: false, 
    draggable: false, 
      events: [ 
       { 
        id:1, 
        title: 'All Day Event', 
        start: new Date(y, m, 1), 
        worktime:'5'    
       }, 
       { 
        id:2, 
        title: 'Long Event', 
        start: new Date(y, m, 1), 
        end: new Date(y, m, d-2), 
        worktime:'20' 
       },    
      ] 
     });  
    }); 
</script> 

Answer 1

$(document).ready(function() { 

     var date = new Date(); 
     var d = date.getDate(); 
     var m = date.getMonth(); 
     var y = date.getFullYear(); 

     $('#calendar').fullCalendar({ 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month,agendaWeek,agendaDay', 
      }, 
      editable: false, 
      draggable: false, 
      events: [ 

       { 
        id: 1, 
        title: 'All Day Event', 
        start: new Date(y, m, 1), 
        worktime: '5' 
       }, 
       { 
        id: 2, 
        title: 'Long Event', 
        start: new Date(y, m, 1), 
        end: new Date(y, m, d - 2), 
        worktime: '20' 
       }, 
      ], 
      eventRender: function (event, element) { 
       if(event.worktime) 
       { 
        $(element).find('.fc-content:first').append($('<span> ' + event.worktime + ' hrs</span>')); 
       } 
      } 
     }); 

    }); 

Answer 2

@Mohammad Rivaiサリ、あなたは以下のようにコールバック "eventAfterRender" を試すことができます。

eventAfterRender: function (event, $element, view) { 
    var $container = $element.parents('.fc-content-skeleton:first').find('.fc-event-container:last'); 
    var $totalRow = $container.find('.fc-day-grid-event.total'); 
    if ($totalRow.length == 0) { 
     $totalRow = $('<a class="fc-day-grid-event total fc-h-event fc-event fc-start fc-end"><div class="fc-content"><span>Total: </span><span class="total-time"></span></div></a>') 
      .appendTo($container); 
    } 
    var $total = $totalRow.find('.total-time'); 
    var total = parseFloat($totalRow.find('.total-time').text()); 
    total = isNaN(total) ? parseFloat(event.worktime) : total + parseFloat(event.worktime); 
    $total.text(total); 
}