Laravel数据库结果到javascript fullcalendar颜色更改

Laravel数据库结果到javascript fullcalendar颜色更改,javascript,php,arrays,database,fullcalendar,Javascript,Php,Arrays,Database,Fullcalendar,我试图从数据库中获取结果,将它们放入数组中,通过javascript获取它们,并检查是否设置了值 CalendarController.php public function tasks($id) { $tasks = task::Findtasks()->select('tasks.*', 'tasks_times.*', 'tasks.name as title') ->where('project_id'

我试图从数据库中获取结果,将它们放入数组中,通过javascript获取它们,并检查是否设置了值

CalendarController.php

 public function tasks($id)
{
     $tasks = task::Findtasks()->select('tasks.*', 'tasks_times.*', 'tasks.name as title')
                               ->where('project_id', '=', $id)
                               ->join('tasks_times', 'tasks.id', '=', 'tasks_times.task_id')
                               ->get();

 return view('testcalendar', compact('tasks'));
}
如您所见,我正在为视图分配任务

现在我在“testcalendar”视图的脚本标记中有了这段javascript脚本

eventAfterRender:函数(事件、元素、视图){
var dataHoje=新日期();
var完成=;
var tasks=JSON.parse(“”)
对于(变量i=0;idataHoje&&event.end>dataHoje){
//event.color=“Blauw”;
css('background-color','#27bec6');
}       
}
},
所以当“completed”=3时,我希望背景颜色变成绿色。(是的,完成是数据库中的一列)若不是3,那个么它当然需要是不同的颜色


谢谢x

那么上面的代码有什么问题吗?问题是console.log(任务)显示任务10次而不是一次,这使得代码无法工作。这里有一个例子,这是因为代码驻留在
for(var i=0;i
loopyes这是正确的,因为我必须检查数组的索引,对吗?@MayankPandeyz?那么上面的代码有什么问题?问题是console.log(tasks)显示任务10次,而不是使代码无法工作的一次。这里有一个例子,这是因为代码位于for(var i=0;iloopyes这是正确的,因为我必须检查数组的索引,对吗?@MayankPandeyz?
eventAfterRender: function (event, element, view) {
        var dataHoje = new Date();
        var completed = <?php echo json_encode($tasks); ?>;
        var tasks = JSON.parse('<?php echo json_encode($tasks); ?>')
        for (var i = 0; i < completed.length; i++) {
    if (completed[i]['completed'] == 3) {
     //event.color = "Groenoe"; 
     element.css('background-color', '#0eb505');
} else if (event.start < dataHoje && event.end < dataHoje) {
    //event.color = "Rood"; 
    element.css('background-color', '#fc0000');
} else if (event.start > dataHoje && event.end > dataHoje) {
    //event.color = "Blauw"; 
    element.css('background-color', '#27bec6');
}       
    }

},