簡単カレンダーを少し装飾してみた

はじめに

　昨日、導入したsimple_calendarについて、少し装飾を加えたので、紹介します。

簡単カレンダー

表示のされかたを変えたい

<%= month_calendar do |date| %>
  <%= date.strftime("%d") %>
<% end %>

strftim("%d")によって表示を変えることができます。ちなみに、この記述で、日にちだけの表示にできます。

曜日に色をつけたい

calendar.css

.wday-0 {
  color: red;
}
.wday-6 {
  color: blue;
}

変更前

変更後

少しはカレンダーっぽくなったかな…