SCCalendarヘッダー画像

カレンダー表示サンプル

カレンダーをサンプル表示しています。
<head>内でcalendar.cssとcalendar.jsをhead内に読み込ませます。パスは適宜修正してください。

<link rel="stylesheet" href="/sc-calendar/css/calendar.css">
<script type="text/javascript" src="/sc-calendar/js/calendar.js"></script>

Wordpressの場合、
<link rel="stylesheet" href="/sc-calendar/css/calendar.css">
<script type="text/javascript" src="/sc-calendar/js/calendar-wp.js"></script>

本文中の表示したいところに
<div id="scCalendarMainArea" class="calendar-area"></div>

レスポンシブ対応をしています。画面幅799px以下でリスト表示になります。

リスト表示にしたくない場合はcalendar.cssの該当箇所を編集してください。

javascriptで呼び出し