カレンダーの表示で進捗表示

Question

プログラミング初心者です。
質問ですが、現在予約システムのようなWebページを作る勉強をしているのですが、
jkl-calendar.jsのような画面上にポップアップでカレンダーを表示してそのカレンダー上に予約ができれば〇、残り僅かなら△、予約がいっぱいの場合は×を表示することは可能でしょうか？
また、過去日は選択できないようにすることは可能でしょうか？
また、使えそうなライブラリやソースがあればご教授いただけないでしょうか？

Answer 1

あまり参考になりませんが・・・

jkl-calendar.jsのような画面上にポップアップでカレンダーを表示してそのカレンダー上に予約ができれ> ば〇、残り僅かなら△、予約がいっぱいの場合は×を表示することは可能でしょうか？
また、過去日は選択できないようにすることは可能でしょうか？

実装しだいで可能です。

また、使えそうなライブラリやソースがあればご教授いただけないでしょうか？

ほぼ、同じようなものを実装しましたが、そのときに調査した感じでは、見つからなかったです。
単純なカレンダーはあるのですが、〇、△、などのステータス表示に対応してるものがなかったです。
近いもので、FullCalendarがあったのですが、やはりデザイン的なカスタマイズなどを考えて自前実装しました。

あとは、”予約わずか”の定義は個別実装になるはずなので、いずれにせよ自前実装が楽ですよ。

あとは、考慮する点として、予約はつねに更新されるので、クライアント側から予約情報を取得するしくみ
と、表示する仕組みは分離させておいた方がよいです。
（ライブラリ使うならJSONくわせられるやつがよいです）

あと過去日以外にも当日予約や前日予約もｘｘ時までなと、個別の要件がたくさんでてくるかと思います。

Answer 2

ポップアップするカレンダーではありませんが、↓んなのはいかがでしょうか？

http://www.dab.hi-ho.ne.jp/appletea/cgikan/yoyaku.shtml

以前にこれをベースにして、◯と△のところにだけにフォームが立ち上がるリンクを付けてました。
cgiなのでせっかく苦労して考えたものをダウンロードして使われる心配もありません。
SSIにも対応しているので任意に場所に配置もできます。