トップページ
プログラムのダウンロード
営業日や定休日を表示するカレンダーの無料ダウンロード

営業日や定休日を表示するカレンダーの無料ダウンロード

公開日 : 2017年5月13日
最終更新日 : 2018年8月23日

営業日を表示するカレンダーのスクリプトを無料でダウンロードできます。
名称は「ビジネスカレンダー(Business Calendar)」ということにしました。
普通です。ありきたりです。ネーミングに捻りがありません。

現在の最新バージョンは2018年1月22日公開の3.0.1です。

機能やサンプル

HTMLページにも表示することができ、カレンダーのデザインはすべてCSSで変更できます。
特に、管理画面の使いやすさ・わかりやすさは素晴らしいのではないでしょうか？
PCに不慣れなご年配の方でも確実に使えるでしょう。
主な特徴は以下の通り。

著作権表示不要。(バージョン3.0以降)
HTMLページに組み込める。
WordPressサイト内でも使える。
データベース不要。
Ajaxでカレンダーを表示させることにより、前月・次月への切り替えにはページの移動なし。(管理画面ではページ移動があります)
カレンダーのデザインはすべてCSSにて変更可能。
CSSによって1つのdiv要素の横幅を調整するだけで、既存サイトのサイドバー部分などに組み込むことが可能。
管理画面の操作がわかりやすいので、教育コスト不要。
管理画面で登録や削除をした後、ブラウザの「戻る」や「進む」ボタンでページを行き来しても、再送信されない仕様。
美しいHTML。W3C準拠。HTML5文法エラーなし。
祝日を自動設定するアドオンを追加可能。
次の月を同時に表示するアドオンを追加可能。

ビジネスカレンダー表示ページのサンプル
このようなカレンダーを既存のサイト内に組み込む設計になっています。

管理画面のサンプル
ユーザ名はtani、パスワードは0000です。

ビジネスカレンダーのダウンロード

使い方の説明(基本設置方法)

1、ビジネスカレンダーをダウンロードし、解凍する。

2、フォルダごとアップロードする。

3、ブラウザでindex.htmlにアクセスしてみて、カレンダーが表示されるかどうかの確認をする。

4、config.phpを開き、管理画面にログインするためにユーザー名とパスワードを設定する。

// (必須) 管理者ユーザー名
$bc_admin_user = 'tani';

// (必須) 管理者ログインパスワード
$bc_admin_pass = '0000';

この管理者ログイン画面は、

business-calendar/php/admin.php

にブラウザでアクセスすればOKです。
以上です。

「定休日」の文字列を変更したい場合

バージョン3.0からカレンダー下にある「定休日」の文字列を変更できるようになりました。

config.phpの8行目にある以下の部分で自由に変更してください。(以下は「休業日」に変更する例)

// (任意) カレンダーの下に表示される「定休日」の文字設定
$bc_holiday_string = '休業日';

既存サイトに組み込む方法

上記のサンプルのカレンダー表示ページのソースを見るとわかるように、HTMLファイル内の以下の部分にカレンダーをAjaxによって表示させております。

<div id="business-calendar"></div>

ですので、まずは上記コードを既存サイトのページに貼り付けます。
次に、index.html内に記述されている以下のCSS・JavaScriptファイルの読み込みコードを既存サイトに貼り付けます。

<link rel="stylesheet" type="text/css" href="business-calendar/css/import.css" />
<link rel="stylesheet" type="text/css" href="business-calendar/css/business-calendar.css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script type="text/javascript" src="business-calendar/js/business-calendar-js.php"></script>

ディレクトリ階層が変わる場合は、それぞれのパス部分を適宜変更してください。

カレンダー表示のカスタマイズ方法

デザイン
カレンダーの横幅を狭めたり広げたりする場合は、CSS(business-calendar.css)によって上記の<div id=”business-calendar”></div>のwidthを変更するだけでOKとなります。
簡単だ！素晴らしい。自分で使いたいぐらいだ！

基本的には横幅を調整するだけで、既存サイトのサイドバー部分などに組み込むことができるでしょう。
それ以外のデザインを変更したい場合はCSSファイル(business-calendar.css)で自由に変更してください。(各セルの縦幅など)

また、Ajaxでカレンダーを表示させている関係上、上記の<div id=”business-calendar”></div>内に挿入されるカレンダーのソースは表示されません。
そのため、カレンダーのソースを確認したい場合は、以下のファイル(index.php)に直接アクセスすることで確認ができます。
https://www.1-firststep.com/samplephp/business-calendar-v3.0/business-calendar/php/index.php

このindex.phpをindex.html内の<div id=”business-calendar”></div>内に表示させているとお考えください。
カレンダーの横幅や縦幅の変更など、具体的なデザインカスタマイズに関しては以下のページで解説しています。

ビジネス・カレンダーのデザイン変更の解説

使用している外部ライブラリ

jQuery：jquery.min.js: https://jquery.com/

注意点

本プログラムの使用においていかなる損害が発生したとしても、当方は責任を負いません。
了承していただける方のみご利用ください。

ダウンロードできるのはこのページだけにしたいため、再配布や無断での販売だけは禁止いたします。
それ以外であれば、カスタマイズして自分のお店サイトやクライアントの企業サイトなどに使用するのも自由です。

また、ページ最下部にある著作権表示を削除するアドオン(追加機能)を有料で販売している関係上、著作権表示を無断で削除するのは禁止いたします。
無断で削除した場合、プログラムは正常に動作しなくなるかもしれません。ご注意ください。
(バージョン3.0からは著作権表示はなくなりました)

サポートに関して

サポート者
無料のものですから、基本的にはサポートはありません。
が、初期状態での設置でエラーが出る場合は、サポートBBSにて無償対応いたしております。

初期状態とは、すべてのファイルを一切編集していない状態、またはconfig.phpだけを編集した状態のことを指します。
それ以外のファイルが編集されていたり、既存サイトに組み込んだ場合などのお問い合わせは有償となりますので、ご了承ください。

しかし例外として、当サイト上で解説されているカスタマイズ方法だけを実践して正常動作しない場合は、無償サポート対象内になります。
その理由は、そのような使い方を想定してプログラムが作られているからです。

有償メールサポート(3,000円)や設置代行サービス(10,000円)をご用意しておりますので、お急ぎの方にはおすすめです。

設置代行サービスや独自カスタマイズについて

設置の代行は10,000円(1つにつき・税抜)でお引き受けしています。
これは購入時に申し込む必要はありません。
まずはご自身でチャレンジしてみて、どうしようもなくなった時に設置代行を依頼されてもオーケーです。

設置代行はダウンロードしたままの初期状態のものを設置する形になります。
お客様の手によってカスタマイズされたものを設置するサービスではありませんのでご了承ください。

追加アドオン(追加機能)について

ビジネスカレンダーには以下の追加機能(アドオン)を用意しております。
各アドオンは併用することが可能ですので、ご自身にとって必要な機能だけを追加して使用することができます。

【次月表示アドオン】: 今月と来月の2か月分がまとめて表示されるようになります。
https://www.1-firststep.com/archives/4366
【祝日自動設定アドオン】: 祝日が自動的に設定されます。(最初に1回だけ設定が必要になります)
https://www.1-firststep.com/archives/4355