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~
7月
19日
(日)
/
/
/
/
/
/
7月
20日
(月)
/
/
/
/
/
/
7月
21日
(火)
7月
22日
(水)
7月
23日
(木)
7月
24日
(金)
7月
25日
(土)
/
/
/
/
/
/
7月
26日
(日)
/
/
/
/
/
/
7月
27日
(月)
7月
28日
(火)
7月
29日
(水)
7月
30日
(木)
7月
31日
(金)
8月
1日
(土)
/
/
/
/
/
/
8月
2日
(日)
/
/
/
/
/
/
8月
3日
(月)
8月
4日
(火)
8月
5日
(水)
8月
6日
(木)
8月
7日
(金)
8月
8日
(土)
/
/
/
/
/
/
8月
9日
(日)
/
/
/
/
/
/
8月
10日
(月)
8月
11日
(火)
/
/
/
/
/
/
8月
12日
(水)
8月
13日
(木)
8月
14日
(金)
8月
15日
(土)
/
/
/
/
/
/
8月
16日
(日)
/
/
/
/
/
/
8月
17日
(月)
8月
18日
(火)
8月
19日
(水)
8月
20日
(木)
8月
21日
(金)
8月
22日
(土)
/
/
/
/
/
/
8月
23日
(日)
/
/
/
/
/
/
8月
24日
(月)
8月
25日
(火)
8月
26日
(水)
8月
27日
(木)
8月
28日
(金)
8月
29日
(土)
/
/
/
/
/
/
8月
30日
(日)
/
/
/
/
/
/
8月
31日
(月)
9月
1日
(火)
9月
2日
(水)
9月
3日
(木)
9月
4日
(金)
9月
5日
(土)
/
/
/
/
/
/
9月
6日
(日)
/
/
/
/
/
/
9月
7日
(月)
9月
8日
(火)
9月
9日
(水)
9月
10日
(木)
9月
11日
(金)
9月
12日
(土)
/
/
/
/
/
/
10:00~
11:00~
12:00~
13:00~
14:00~
15:00~