1年分のカレンダーを表示「BIC Calendar」

tags:, ,

1年分のカレンダーを表示するプラグイン「BIC Calendar」を紹介します。

jQueryプラグイン「BIC Calendar」

このプラグインを使えば、1月〜12月までの1年分の大きなカレンダーをページいっぱいに表示させることができます。

スタイルシートは Bootstrap を使っているので、どんなサイトにもマッチしそうですね。

オプションでは、イベント・月名・曜日などを設定することができます。

スポンサーリンク

それではデモページをフォームをご覧ください。

「BIC Calendar」のデモ

デモのソース(HTML + jQuery)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Date Selector のデモでーす。">
<title>Date Selector - jQuery Plugin Demo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.dateselector.js"></script>
<script>
$(function() {
  $('[name="date"]').dateselector({
    yearRange: '-10:+10'
  });
});
</script>
</head>
<body>
<p><a href="http://webkaru.net/jquery-plugin/dateselector/">「jQueryプラグインまとめ」に戻る</a></p>

<h1>Date Selector のデモ。</h1>

<div id="content">
  <input type="text" name="date" />
</div>

</body>
</html>
スポンサーリンク