1

Railsアプリケーションで実行されているJqueryFullcalendarを編集しようとしています。同じソースからのさまざまなタイプのタスクを認識させ、タイプに応じてスタイルを設定する方法がわかりません。実装するときの例として、このhttps://github.com/bokmann/fullcalendar-railsに従いました。

正直なところ、スタイルがどのように設定されているのかまったく理解できません。手動で色を設定しても何も変わらないようですが、当日の背景は常に黒で背景が黄色になっています。私はここで見た同様の問題に対していくつかの解決策を試しましたが、それらが機能しなかったか、正しく理解できず、何か間違ったことをしました。

4

1 に答える 1

2

これは簡単に行えます。ソースオブジェクトにclassNameを設定するだけです。デフォルトのスタイルオプションをオーバーライドするには、かなりのレベルのCSSセレクターが必要でした。あなたのケースで何が機能するかを確認してください。

CSS:

.fc-content .fc-view .localSource2 div.fc-event-inner {
  background: red;
} /* you might want to trim this selector down, but it worked for me */

Javascript:

localSource = {
  events: [ {title: 'All Day Event', start: new Date(y, m, 1)}, 
            /* More Event Data here */ ],
  className: 'localSource', // an option!
  currentTimezone: 'Europe/Bucharest', // an option!        
}; 
USHolidays = {
  url: 'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/full',    
  className: 'gcal-event', // an option!
  currentTimezone: 'America/Chicago', // an option!
};
options = {
    eventSources: [localSource, USHolidays]
};

fullCalendar(options); // EventSources are set in options

イベントソースドキュメントには、他のプロパティ(color、textcolor)も記載されています。

于 2013-03-23T09:57:38.527 に答える