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