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