Yahoo! User Interface Library を久々にやってみる


データ編集時に日付が選択された状態になっていなかったので、optionに pagedate, selected を追加。

var cal = new YAHOO.widget.Calendar("calendar", "container", {
    pagedate:"07/2008",
    selected:"07/31/2008"
});
cal.render();


ついでに、カレンダーの月表示を変更。
デフォルトは6週表示だが、trueにするとその月に含まれる週のみが表示される。つまり、月によって4〜6週に変化する。

cal.cfg.setProperty("HIDE_BLANK_WEEKS", true);


カレンダーの土曜と日曜の背景色を変更。

.wd0 {background-color:#fdd;}
.wd6 {background-color:#ddf;}


なかなか良くなりました。


以下のサイトを参考にしました。

Tuy Uda Ku | Tuy Uda Ku
YUI 2: Calendar