Taiyo Blog Calendar Sample

予約カレンダー サンプル

Advanced Custom Fields Pro とContact Form 7 でメールフォームでの予約を受け付けます。
実装について詳しくはこちら。
下のメールフォームは動作しています。日時を選択して送信後、選択した日時が×になります。
実装のご相談・お問い合わせはこちらから

1枠1組の設定で予約を受け付けるサンプルです。
*↓は当日は1時間前までの受付となっています。
10:00~
11:00~
12:00~
13:00~
14:00~
15:00~
5月
30日
(土)
/
/
/
/
/
/
5月
31日
(日)
/
/
/
/
/
/
6月
1日
(月)
6月
2日
(火)
6月
3日
(水)
6月
4日
(木)
6月
5日
(金)
6月
6日
(土)
/
/
/
/
/
/
6月
7日
(日)
/
/
/
/
/
/
6月
8日
(月)
6月
9日
(火)
6月
10日
(水)
6月
11日
(木)
6月
12日
(金)
6月
13日
(土)
/
/
/
/
/
/
6月
14日
(日)
/
/
/
/
/
/
6月
15日
(月)
6月
16日
(火)
6月
17日
(水)
6月
18日
(木)
6月
19日
(金)
6月
20日
(土)
/
/
/
/
/
/
6月
21日
(日)
/
/
/
/
/
/
6月
22日
(月)
6月
23日
(火)
6月
24日
(水)
6月
25日
(木)
6月
26日
(金)
6月
27日
(土)
/
/
/
/
/
/
6月
28日
(日)
/
/
/
/
/
/
6月
29日
(月)
6月
30日
(火)
7月
1日
(水)
7月
2日
(木)
7月
3日
(金)
7月
4日
(土)
/
/
/
/
/
/
7月
5日
(日)
/
/
/
/
/
/
7月
6日
(月)
7月
7日
(火)
7月
8日
(水)
7月
9日
(木)
7月
10日
(金)
7月
11日
(土)
/
/
/
/
/
/
7月
12日
(日)
/
/
/
/
/
/
7月
13日
(月)
7月
14日
(火)
7月
15日
(水)
7月
16日
(木)
7月
17日
(金)
7月
18日
(土)
/
/
/
/
/
/
7月
19日
(日)
/
/
/
/
/
/
7月
20日
(月)
/
/
/
/
/
/
7月
21日
(火)
7月
22日
(水)
7月
23日
(木)
7月
24日
(金)
10:00~
11:00~
12:00~
13:00~
14:00~
15:00~