日本の祝日表示を適用したinline表示のjQuery Datepickerで祝日の消失を防ぐ方法

GoogleカレンダーからJSONPで日本の祝日一覧を取得 – GCalendar Holidays
上記サイトのスクリプトを利用してjQuery Datepickerに日本の祝日を表示し、そのDatepickerをinline表示した場合、日付を選択した際(onSelect時)beforeShowイベントが発生せず、適用した祝日の表示が消えてしまう現象がありました。
非常にマイナーな状況なのですが、個人的にすごい困っていたので記録を残します。

onSelectイベント内にdestroyやrefreshなどのイベントを入れてみたのですが、ダメでした。
代わりにこのような方法で解決しました。
[javascript]
$(“#datepicker”).datepicker({
dateFormat: “yy-mm-dd”,
showOtherMonths: true,
onSelect: function (dataVal, inst) {
var date = new Date(dataVal);
// gcalendar-holidays.js内のsetDefaultsで設定されているbeforeShowイベントの記述を再度実行します。
GCalHolidays.datepicker(date.getFullYear(), date.getMonth() + 1, inst);
// 日付選択後の処理
}
});[/javascript]

スポンサーリンク