如何更改每个事件的颜色?

时间:2012-01-10 16:09:17

标签: jquery fullcalendar

好吧,我想为每个事件设置不同的颜色。基本上就是这样 我正在从Ajax调用中读取事件 感谢

编辑:我不想等待 8小时来回答我自己的问题

首先,我为我的答案中没有包含代码示例而道歉,但感谢Brandom指导我找到答案:P

所以,这是我的.js文件,它对我的​​事件进行了Ajax调用:

$(document).ready(function() {

    $('#calendar').fullCalendar({
      events: {
        url:'http://myhost/mysite/ajax/',
        type: 'POST',
        data:{ trigger: 'eventos' },
        error: function() { alert('there was an error while fetching events!'); }
      }
    });
}

然后,在接收我的ajax调用的.php文件中,我有这个:

<?
 if($_POST['trigger'] == 'eventos'){
     $eventos = new WP_Query();
     $eventos->query(array(
         'post_type' => 'evento'
         )
      );
     $eventdata = array();
     while($eventos->have_posts()) : $eventos->the_post();
        $elem = array(
          'id' => $post->ID,
          'title' => $post->post_title,
          'start' => get('evento_fecha_inicio',1,1,$post->ID),
          'end' => get('evento_fecha_termino',1,1,$post->ID),
          'allDay' => 'false',
          'color' => '#'.rand(000000,999999), //this is what I'm was looking for!
        );
        $eventdata[] = $elem;
     endwhile;

     echo json_encode($eventdata);
 }
?>

('get'函数对应magicfields'函数)。所以就是这样,用rand();在颜色值中,我可以为每个事件元素生成随机颜色

(对不起我的英文)

2 个答案:

答案 0 :(得分:1)

如果您使用的是FullCalendar v1.5,则可以设置Event Object color,backgroundColorborderColortextColor属性>

答案 1 :(得分:0)

很难知道你想在这里实现什么,

但也许是以下内容?

$.ajax({
    type: "GET",
    url: "/test.html",
    success:function(data){
        $("#colored-div").css("background", data);
    }
});     

我再一次盲目地想要实现你想要达到的目标,如果你需要进一步的帮助,请提供更多细节......