予約カレンダー サンプル
Advanced Custom Fields Pro とContact Form 7 でメールフォームでの予約を受け付けます。
１枠１組の設定で8週間分スライドで表示するサンプルサンプルです。
実装について詳しくはこちら。
下のメールフォームは動作しています。日時を選択して送信後、選択した日時が×になります。当日は１時間前まで受け付けとなっています。
実装のご相談・お問い合わせはこちらから
| PREV |
|---|
| 10:00～ |
| 11:00～ |
| 12:00～ |
| 13:00～ |
| 14:00～ |
| 15:00～ |
2025年4月
2025年5月
| 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日 (日) |
|---|
| / |
| / |
| / |
| / |
| / |
| / |
2025年6月
2025年7月
| 10:00～ |
| 11:00～ |
| 12:00～ |
| 13:00～ |
| 14:00～ |
| 15:00～ |