Yahho Calendarで複数のGoogleカレンダーを表示するサンプル


JavaScriptのソースコード

//複数のカレンダーを指定
GCalHolidays.userIds = [
	"japanese__ja@holiday.calendar.google.com",
	"usa__ja@holiday.calendar.google.com",
	"ja.taiwan#holiday@group.v.calendar.google.com",
	"vlkger8boqu2n8m1sse1kirpptiq6cuv@import.calendar.google.com"
];

//ツールチップで表示するイベント名の前に付ける文字列
YahhoCal.holidays.prefixes = [
	"日本の祝日:",
	"アメリカの祝日:",
	"台湾の祝日:",
	"IT勉強会"
];

//イベントがある日の色。数字は何番目のカレンダーかを示す(最初はゼロ)
//.selectorを付けると重複したときに優先される
YahhoCal.CAL_STYLE["td.holiday0 a"] = "background-color: #f9f";
YahhoCal.CAL_STYLE["td.holiday1 a"] = "background-color: #f00";
YahhoCal.CAL_STYLE["td.holiday2 a.selector"] = "background-color: #ff0";
YahhoCal.CAL_STYLE["td.holiday3 a"] = "background-color: #0f9";

YahhoCal.isPopup = false;
YahhoCal.loadYUI("", function() { YahhoCal.render("test") });

YahhoCalendarのページに戻る