イケてるカレンダーを作る over jQuery

カレンダーをカスタム

HTML5で実装されたカレンダーに納得できない人のためのカレンダーを作ってみました。実体としてはjQueryのカレンダーをカスタムしています。

カレンダーを表示するとこんな感じになります。

ソースコード

ソースコードです。今回は簡易化のためにHTMLの中にCSS、Javascriptを組み込んでいます。

画像

Font Awesomeから次のアイコンをdownloadします。

  • calendar-alt-regular.svg
  • caret-left-solid.svg
  • caret-right-solid.svg
  • chevron-left-solid.svg
  • chevron-right-solid.svg

imagesフォルダーを作成して、downloadしたアイコンを配置します。

これで出来上がりです。