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