jQuery UI Datepicker（カレンダー）土・日・祝日の表示色の変更

jQuery UI Datepicker で土曜日、日曜日、祝日など指定日の色を変える方法をご紹介します。 このサンプルでは、祝日は３日だけですが配列で確保しています。実務ではここは動的に取得して生成したほうが良いでしょう。 土曜日と日曜日の判定は Date オブジェクトの getDay() で判定します。 jQuery UI Datepicker の beforeShowDay イベントのパラメータとして渡される日付が、 土曜日、日曜日か指定日にあたるか判定して、それぞれのスタイルをリターンすることで色を変えることができます。 コード $(function() { // 祝日を配列で確保 var holidays = [ '2012-10-08', '2012-11-03', '2012-12-24' ]; $("#datepicker").datepicker({ numberOfMo