Yahho Calendarで表示するだけの(日付を選択しない)カレンダーのサンプル


JavaScriptのソースコード

//ポップアップじゃなくする
YahhoCal.isPopup = false;

//選択可能な日付を無くす
YahhoCal.setMinDate(2000, 1, 2);
YahhoCal.setMaxDate(2000, 1, 1);

//見た目の調整
YahhoCal.CAL_STYLE["td.previous"] = "color: #333";
YahhoCal.CAL_STYLE[".wd0"] = "background-color: #fcf";
YahhoCal.CAL_STYLE[".wd6"] = "background-color: #cff";
YahhoCal.CAL_STYLE[".holiday0"] = "background-color: #f9f";
YahhoCal.CAL_STYLE["td.today"] = "background-color: #0f0;";

//load完了後にCallbackでカレンダーを表示
YahhoCal.loadYUI("", function() { YahhoCal.render("calendar_place") });

//日本の祝日以外でもカレンダーのIDをセットすれば表示できる
GCalHolidays.userIds = ["usa__ja@holiday.calendar.google.com"];	//アメリカの祝日

YahhoCalendarのページに戻る