2017-01-21 66 views
1

私はリソースの色をfullcalendarに渡します。ドキュメンテーションによると、イベントをレンダリングすると、先にリソースに渡した色で表示する必要があります。妙にこれは私の場合ではありません。Fullcalendarイベントの色が正しく表示されない

これは私がリソース

"id" => "erna46" 
"title" => "erna46" 
"eventColor" => "rgb(45,0,255)" 
"eventTextColor" => "rgb(255,255,255)" 

としてfullcalendarに渡すものです今私のfullcalendarでイベントがカラーrgb(98,64,255)

でレンダリングされ、私はこれが正常であるかないかどうかわから及び場合ではありませんよ色の変更をオフにする方法はありますか?

アップデート:私は、例えば色を設定見ることができるように

http://jsbin.com/pofemef/edit?js,output

ここ

は、問題を示すことJSFidleですrgb(255,147,0)ですが、カレンダーではrgb(255,174,64)と表示されます。

+0

eventColorまたはeventBackgroundColorで動作するはずです。 eventColorの入力が適切に設定されているかどうかもう一度確認してください –

+0

eventColorを確認したところrgb(45,0,255)でしたが、まだrgb(98,64,255)として表示されています –

+0

jsonデモでこれをrepruduceしようとしました。同じ結果が –

答えて

1

。デフォルトでは、アポイントメントは#fffとopacity:.25の背景を持つ予定の上に背景を追加します。これにより、予定の色が変更され、予定の予定の色よりも明るく表示されます。

http://imgur.com/a/8ecU6

0

documentationによると、eventColorプロパティは、すべてのイベントの背景と境界線の色を設定します。イベントは別にしません。したがって、次のようなイベントを宣言した場合:

events: [{ 
     title: 'event', 
     start: '2017-01-05 11:00', 
     end: '2017-01-06 13:00', 
     eventColor: 'rgb(45,0,255)' 
     }] 

これはうまくいかないでしょう。あなたはすべてのイベントのためにeventColorを使用することができます。

events: [{ 
     title: 'event', 
     start: '2017-01-05 11:00', 
     end: '2017-01-06 13:00' 
     }], 
eventColor: '#378006' 

あなたは、個々のイベントのために色を変更したい場合は、役立ちますEvent Object color options

events: [{ 
     title: 'event', 
     start: '2017-01-05 11:00', 
     end: '2017-01-06 13:00', 
     backgroundColor: 'rgb(255,87,90)' 
     }] 

希望を見てください!私はそれを考え出したいくつかの作業の後
敬具
クシシュトフ

+0

私はイベントの色を直接設定しようとしません。私は私のresourecesとイベントの色を渡します。それから私は私のイベントでresourceIdを渡します。これは理論的には機能し、フルカレンダーのデモにも示されています。奇妙なことは、正しい色を渡しても正しく表示されないということです。 –

関連する問題