jQuery UI Datepickerで西暦を表示しないようにする

別の入力欄で和暦を選択している場合、Datepickerで西暦を表示すると矛盾が生じる場合がある。ちょっと気持ち悪いので見せないようにしたい。

前提

既にDatepicker（jQuery ui）を導入していること。日本語化していること。

ちなみに私の環境はRailsなので、こうなっている。

//= require jquery-ui/widgets/datepicker
//= require jquery-ui/i18n/datepicker-ja
//= require_tree .

$(document).on('turbolinks:load', function() {
  $('.datepicker').datepicker({
    dateFormat: 'm月d日',
  });
})

修正前

修正内容

js側で修正。

 $(document).on('turbolinks:load', function() {
   $('.datepicker').datepicker({
     dateFormat: 'm月d日',
+    yearSuffix: ""
   });
})

CSS側でも修正。

+.ui-datepicker-year {
+  display: none;
+}

修正後

参考

• jQuery UI - Datepicker - Hide year - Stack Overflow
• jQuery UI datepickerを日本語化したりカスタマイズしたり - メン醤のjQuery workshop