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

• 公開日 : 2017年5月13日
• 最終更新日 : 2017年7月21日

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

現在の最新バージョンは7月13日公開の2.0.2です。

機能やサンプル

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

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

ビジネスカレンダー表示ページのサンプル

https://www.1-firststep.com/samplephp/business-calendar-v2.0.2/index.html

管理画面のサンプル

https://www.1-firststep.com/samplephp/business-calendar-v2.0.2/business-calendar/php/admin.php
ユーザ名はtani、パスワードは0000です。

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

https://www.1-firststep.com/samplephp/business-calendar-v2.0.2/business-calendar-v2.0.2.zip

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

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

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

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

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

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

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

以上です。

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

上記のカレンダー表示ページのソースを見るとわかるように、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-v2.0.1/business-calendar/php/index.php

このindex.phpをindex.html内の<div id=”business-calendar”></div>内に表示させているとお考えください。

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

jQuery：jquery.min.js

https://jquery.com/

注意点

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

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

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

サポートに関して

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

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

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

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

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

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

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

ページ最下部にある著作権表示を削除するアドオンは2,000円(税抜)となっております。
また、祝日の自動設定アドオンは3,000円(税抜)となっております。

アドオンは1つのご購入につき、1サイトで使用可能です。
例えば、1つのサイト内にプログラムを複数設置する場合はアドオンの購入は1つでOKです。
が、複数のサイトにプログラムを設置する場合は、そのサイトの数だけアドオンをご購入ください。

ご購入はお問い合わせページからお申し込みいただくか、または以下のペイパルやDLマーケットからご購入ください。
料金のお支払いをしていただき、入金確認後にメールで添付してお送りする形となります。
DLマーケットからのご購入の場合は、決済後すぐにダウンロードできるので、お急ぎの方にはおすすめです。

著作権非表示アドオン

ペイパルでご購入

DLマーケットでご購入

祝日自動設定アドオン

ペイパルでご購入

DLマーケットでご購入

補足：祝日の自動設定にはGoogleカレンダーAPIキーが必要になり、ご自身で取得していただく必要がありますが、取得のやり方につまづいた際のメールサポートは上記金額に含まれております。
取得方法については以下のページで解説しております。サンプルもあるよ。
GoogleカレンダーAPIキーの取得方法を解説

アップデート履歴

2012/10/05　バージョン1.0

• 公開。

2017/05/14　バージョン2.0

• 全面リニューアル。

2017/05/30　バージョン2.0.1

• Chromeで「前月」と「次月」の表示がずれる件を修正。

2017/07/13　バージョン2.0.2

• 「前月」と「次月」の文字の横にある矢印をクリックした際に反応がない点を修正。