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