フォーム内で日付をカレンダーから選択できるようになる「jQuery UI Datepicker」ですが、表示されるカレンダーは祝日に対応していません。 日曜日と祝日の色を変えたいという要望があり、カレンダーに日本の祝日を反映させて対応したので、備忘録として残しておきたいと思います。 jQuery UI Datepickerのカレンダーに祝日を反映させる方法 祝日の情報は、Holidays JP APIを使って取得します。Holidays JP APIは祝日のデータを返してくれるAPIで、祝日のデータはGoogleカレンダーの情報から自動で生成されます。 Holidays JP APIで取得した祝日の情報をjQuery UI Datepickerのカレンダーに反映させます。 具体的には、以下のようにスクリプトを記述します。 ※jQuery UI Datepickerの導入手順については、こち
![jQuery UI Datepickerのカレンダーを祝日対応する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/368b8d0bc2c80e4de99a730ed6a35bb94f0907de/height=288;version=1;width=512/https%3A%2F%2Ftechmemo.biz%2Fwp-content%2Fuploads%2F2020%2F08%2Fjquery-ui-datepicker-holiday.jpg)