jQuery UI [Datepicker] で土・日、祝日を色変更したりなんとかしたい

jQuery の楽ちんさは言わずもがな…、jQuery UIのほうも、しばらくつかってなかったら超絶進化してた。
すべて入れ替えるぐらいの勢いで導入しまくってます。長いものには巻かれまくる33歳です。

前置きはおいといて… Datepicker +用意されてるテーマをつかっただけだとこうなります。↓ 土日とか完全無視です

で、これを↓こうしたい!!

(これは一応いいところまで行った感じのアレです。自前の休日テーブルを動的取得して動いてます)

土日はclassを分けて出力してくれてるかなとおもって調べたら

土曜日・日曜日ともに .ui-datepicker-week-end で出力されている

土日でそれぞれ色を変えられませんorz  土日が一緒の色とか意味なしじゃんかー。

なのでどうするかなーっと。…かといってコアいじってjQueryのバージョンアップに対応できないのは
あとで地獄をみるのが見えている。経験済みだ。

とりあえずググってみる
GoogleカレンダーからJSONPで日本の祝日一覧を取得 – GCalendar Holidays [ゼロと無限の間に]
おおおお。これはすばらしい記事です。

Datepickerを、コールバックでフックして、表示後、色を変えるという考え方です。
しかも外部(GoogleCalendar)から祝日データをひっぱって来られると。ちょっと希望の光が。

ソース拝借して動作確認。おおお、若干遅れ気味ながら色が変わります。すばらしい…のですが

後半に続くorz

コメントを残す

メールアドレスが公開されることはありません。