2010年11月20日

jQuery:UI datepickerの週末に色をつける

jQuery UI datepickerの日付に任意の色をつけるには、beforeShowイベントとonChangeMonthYearイベントで、日付の文字色を変更する。※イベントが発生した時点で色付けしようとしてもダメなので、setTimeoutで処理を遅延して実行させる。

function setWeekendColor() {
var tr = $("table.ui-datepicker-calendar > tbody > tr");
for (var i = 0; i < tr.length; i++) {
if (tr[i].firstChild.firstChild.style)
tr[i].firstChild.firstChild.style.color = "red"; //sunday
if (tr[i].lastChild.firstChild.style)
tr[i].lastChild.firstChild.style.color = "blue"; //saturday
}
}
$.datepicker.setDefaults({
beforeShow: function () {setTimeout(setWeekendColor, 100);},
onChangeMonthYear: function () {setTimeout(setWeekendColor, 100);}
});
posted by 忘却の達人 at 09:09| Comment(0) | TrackBack(0) | JavaScript | このブログの読者になる | 更新情報をチェックする

2010年11月03日

jQuery UI Dialog:Dialog内の配置がめちゃくちゃになる

jQuery UI Dialog を使ったら、Dialog内の項目の配置がめちゃくちゃだった。原因はDialogとなるdivのstyleに「position: absolute;」を指定していためだったが、なぜこれがDialog内の配置に影響を与えるのかは分からない。ただこれを削除したら正常に表示された。
posted by 忘却の達人 at 00:32| Comment(0) | TrackBack(0) | JavaScript | このブログの読者になる | 更新情報をチェックする