予約カレンダー サンプル
Advanced Custom Fields Pro とContact Form 7 でメールフォームでの予約を受け付けます。
1枠1組の設定で8週間分スライドで表示するサンプルサンプルです。
実装について詳しくはこちら。
下のメールフォームは動作しています。日時を選択して送信後、選択した日時が×になります。当日は1時間前まで受け付けとなっています。
実装のご相談・お問い合わせはこちらから
日 | 月 | 火 | 水 | 木 | 金 | 土 |
---|---|---|---|---|---|---|
1 ✕ |
2 ✕ |
3 ✕ |
||||
4 ✕ |
5 ✕ |
6 ✕ |
7 ✕ |
8 ✕ |
9 ✕ |
10 ✕ |
11 ✕ |
12 ✕ |
13 ✕ |
14 ✕ |
15 ✕ |
16 ✕ |
17 ✕ |
18 ✕ |
19 ◯ 2025-5-19
|
20 ◯ 2025-5-20
|
21 ◯ 2025-5-21
|
22 ◯ 2025-5-22
|
23 ◯ 2025-5-23
|
24 ✕ |
25 ✕ |
26 ◯ 2025-5-26
|
27 ◯ 2025-5-27
|
28 ◯ 2025-5-28
|
29 ◯ 2025-5-29
|
30 ◯ 2025-5-30
|
31 ✕ |
日 | 月 | 火 | 水 | 木 | 金 | 土 |
---|---|---|---|---|---|---|
1 ✕ |
2 ◯ 2025-6-2
|
3 ◯ 2025-6-3
|
4 ◯ 2025-6-4
|
5 ◯ 2025-6-5
|
6 ◯ 2025-6-6
|
7 ✕ |
8 ✕ |
9 ◯ 2025-6-9
|
10 ◯ 2025-6-10
|
11 ◯ 2025-6-11
|
12 ◯ 2025-6-12
|
13 ◯ 2025-6-13
|
14 ✕ |
15 ✕ |
16 ◯ 2025-6-16
|
17 ◯ 2025-6-17
|
18 ◯ 2025-6-18
|
19 ◯ 2025-6-19
|
20 ◯ 2025-6-20
|
21 ✕ |
22 ✕ |
23 ◯ 2025-6-23
|
24 ◯ 2025-6-24
|
25 ◯ 2025-6-25
|
26 ◯ 2025-6-26
|
27 ◯ 2025-6-27
|
28 ✕ |
29 ✕ |
30 ◯ 2025-6-30
|
日 | 月 | 火 | 水 | 木 | 金 | 土 |
---|---|---|---|---|---|---|
1 ◯ 2025-7-1
|
2 ◯ 2025-7-2
|
3 ◯ 2025-7-3
|
4 ◯ 2025-7-4
|
5 ✕ |
||
6 ✕ |
7 ◯ 2025-7-7
|
8 ◯ 2025-7-8
|
9 ◯ 2025-7-9
|
10 ◯ 2025-7-10
|
11 ◯ 2025-7-11
|
12 ✕ |
13 ✕ |
14 ◯ 2025-7-14
|
15 ◯ 2025-7-15
|
16 ◯ 2025-7-16
|
17 ◯ 2025-7-17
|
18 ◯ 2025-7-18
|
19 ✕ |
20 ✕ |
21 ◯ 2025-7-21
|
22 ◯ 2025-7-22
|
23 ◯ 2025-7-23
|
24 ◯ 2025-7-24
|
25 ◯ 2025-7-25
|
26 ✕ |
27 ✕ |
28 ◯ 2025-7-28
|
29 ◯ 2025-7-29
|
30 ◯ 2025-7-30
|
31 ◯ 2025-7-31
|
日 | 月 | 火 | 水 | 木 | 金 | 土 |
---|---|---|---|---|---|---|
1 ◯ 2025-8-1
|
2 ✕ |
|||||
3 ✕ |
4 ◯ 2025-8-4
|
5 ◯ 2025-8-5
|
6 ◯ 2025-8-6
|
7 ◯ 2025-8-7
|
8 ◯ 2025-8-8
|
9 ✕ |
10 ✕ |
11 ◯ 2025-8-11
|
12 ◯ 2025-8-12
|
13 ◯ 2025-8-13
|
14 ◯ 2025-8-14
|
15 ◯ 2025-8-15
|
16 ✕ |
17 ✕ |
18 ◯ 2025-8-18
|
19 ◯ 2025-8-19
|
20 ◯ 2025-8-20
|
21 ◯ 2025-8-21
|
22 ◯ 2025-8-22
|
23 ✕ |
24 ✕ |
25 ◯ 2025-8-25
|
26 ◯ 2025-8-26
|
27 ◯ 2025-8-27
|
28 ◯ 2025-8-28
|
29 ◯ 2025-8-29
|
30 ✕ |
31 ✕ |