Question

我正在尝试更改日历的颜色，我有这样的日历 calender 我想做的就像这样calender 我已经能够在事件文本中添加颜色，但在该事件的背景中。这是我的代码。

控制器：

 public function actionEvent(){

     $events= \app\models\Events::find()->all();   
    $tasks=[];
     foreach ($events as $eve){
    $event = new \yii2fullcalendar\models\Event();
    $event->id = $eve->id;
    $event->title =$eve->event_title;
    $event->start =$eve->start_date;
    $event->end =$eve->end_date;
    $event->backgroundColor = 'green';
    $event->description=$eve->event_description ." <hr><b> Location: </b>".$eve->location." " . " <br/><b> Organizer: </b>".$eve->organizer." " ;
    $tasks[] = $event;  
     }
   return $this->render('events',['events'=>$tasks,'test'=>$tasks]);
    // return $this->render('events');
}

查看：

 $thame=<<<EOF
            function(calEvent, jsEvent, view) {
             $(this).css('background', '#DBBEBE');


            }
EOF;
    ?>
  <?= \yii2fullcalendar\yii2fullcalendar::widget(array(

  'events'=> $events,
  'clientOptions' => [
       // 'weekends' => true,
       // 'language' => 'fa',
        //'eventLimit' => TRUE,
       //'droppable' => true,
       // 'editable' => true,
         'theme'=>new JsExpression($thame),
       // 'fixedWeekCount' => true,
        'eventClick' => new JsExpression($ClickMe),
        'defaultDate' => date('Y-m-d'),

    ],       
));?>

任何人都可以帮忙吗？

Answer 1

我认为这会对你有所帮助 -

根据他们的文档，您可以使用eventBackgroundColor。

{
    events: [
        {
            title: 'Event1',
            start: '2011-04-04'
        },
        {
            title: 'Event2',
            start: '2011-05-05'
        }
        // etc...
    ],
    color: 'yellow',   // an option!
    textColor: 'black' // an option!
}

如果您想要其他解决方法，请在自定义样式中添加以下代码 -

.fc-event{
  background-color: yellow !important; /* only use !important if calendar's default style is overwriting your style */
}

如何更改Fullcalendar日期字段的背景颜色？

1 个答案: