我試圖設置我的事件動態，但它不工作

Question

如何獲取events中的事件數組我如果給js_array修復索引它的工作，但是當我嘗試通過for循環時它不工作。當我在數組中推var時，它的打印內數組也不起作用。

如何設置我的活動動態，這陣我這個

做下面是我在做什麼的例中設置。

<script> 
var js_array = new Array(); 
$(document).ready(function() { 
var js_array =<?php echo json_encode($date);?>; 
var js_array1 =<?php echo json_encode($time);?>; 
var js_arr = js_array.length; 

for (var i = 0; i < js_arr; i++) { 
var evn ="{ title: All Day Event, start: "+js_array[i]+" },"; 
var array3 = new Array; 
array3.push(evn); 
var test = array3.toString(); 
console.log(test); 
//alert(test); 
} 


$('#calendar').fullCalendar({ 
defaultDate: '2016-09-01', 
editable: true, 
eventLimit: true, // allow "more" link when too many events 
events: [ 
//for (var i = 0; i < js_arr; i++) { 
{ 
title: 'Appoinment', 
start: js_array[0] 
}, 
//} 
{ 
title: 'Long Event', 
start: js_array[1] 
}, 
{ 
id: 999, 
title: 'Repeating Event', 
start: '2016-09-1216:00:00' 
}, 
{ 

title: 'Repeating Event', 
start: '2016-09-1216:00:00' 
}, 
{ 
id: 999, 
title: 'Repeating Event', 
start: '2016-09-12T16:00:00' 
}, 
{ 
title: 'Conference', 
start: '2016-09-12', 
end: '2016-09-13' 
}, 
{ 
title: 'Conference', 
start: '2016-09-12', 
end: '2016-09-13' 
}, 
{ 
title: 'Meeting', 
start: '2016-09-12T10:30:00', 
end: '2016-09-12T12:30:00' 
}, 
{ 
title: 'Click for any link', 
url: 'http://google.com/', 
start: '2016-09-28' 
} 
] 
//events: [test] 
}); 

}); 

</script> 

Answer 1

根據FullCalendar，「events」屬性必須是數組，函數或返回JSON對象的URL。

您的原始代碼（對於其他人閱讀，請參閱編輯歷史記錄）試圖在數組聲明中運行for循環。這是完全無效的JS。我認爲你的瀏覽器中出現了控制檯錯誤，儘管你沒有提到它。

你需要一個函數來封裝這個循環，然後從功能（每https://fullcalendar.io/docs/event_data/events_function/爲）返回事件數組：

$('#calendar').fullCalendar({ 
    defaultDate: '2016-09-01', 
    editable: true, 
    eventLimit: true, // allow "more" link when too many events 
    events: function(start, end, timezone, callback) { 
     var event_arr = []; 
     for (var i = 0; i < js_array.length; i++) { 
     event_arr.push({ 
      title: 'Appointment', 
      start: js_array[i] 
      //add any other properties here as required, e.g. end date/time 
     }); 
     } 
     callback(event_arr); 
    } 
}); 

附：這是針對這個特定問題的最簡單的解決方案，但是如果您能夠控制PHP從服務器返回的內容，那麼我會以fullCalendar所需的正確格式返回一組事件，而不是在像這樣的客戶端。以這種方式管理它會容易得多（在我看來）。例如，那麼你可以寫一些像：

events: <?php echo json_encode($calendarEvents);?> 

在客戶端。並且您將更改PHP以將正確的信息插入到$calendarEvents陣列中的對象中。