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