jQuery UI Datepicker に休日と休日名のツールチップを表示させる

jQuery UI Datepicker に休日（赤色にする）と休日名のツールチップを表示させる

先に結論（こんな感じになります）
https://jsfiddle.net/4h2b29yk/1/

CSS

.saturday a {
  color: blue !important;
}
.holiday a {
  color: red !important;
}

JavaScript

// tooltip and holiday saturday class  
$(function() {
  $("#datepicker").datepicker({
    beforeShowDay: function(date) {
      var holidayName = Holiday.getHolidayName(date);
      if (holidayName){
        return [true, "holiday", holidayName];// 第2引数でクラス追加　第3引数でツールチップ
      }
      if(date.getDay() === 0) {// 日曜日にもholidayクラス
        return [true, "holiday"];
      }
      if(date.getDay() === 6) {// 土曜日にsaturdayクラス
        return [true, "saturday"];
      }
      return [true, ""];
    }
  });
});

休日判定には
https://qiita.com/horikeso/items/16da8bce3fbbee87aa45
を使用しました。

参考
http://api.jqueryui.com/datepicker/#option-beforeShowDay