# Adaloでのカレンダー選択しての予約機能

**URL:** <https://www.nocode-faq.com/t/topic/1854>\
**Category:** Adalo\
**Tags:** フロントエンド, バックエンドデータベース\
**Created:** [2021 年 7 月 10 日午前 12:49 UTC](https://www.nocode-faq.com/t/topic/1854 "2021-07-10T00:49:36Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wataru](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/wataru/32/2147_2.png) [@Wataru](https://www.nocode-faq.com/u/Wataru)\
**Post date:** [2021 年 7 月 10 日午前 12:49 UTC](https://www.nocode-faq.com/t/topic/1854/1 "2021-07-10T00:49:36Z")

</div>

Adaloにはカレンダーはあるものの、それを使って日時を指定して予約、、、などはできないと思っています。  
でもそれができると予約システムができるようになるので出来るなら知りたいと思っていたら、以下の投稿を見つけました。

> [@施術者＆ゲストのマッチングアプリを作成しています。日程ごとに10時 ~ 24時の間で30分刻みで空き状況を設定出来るようにする](https://www.nocode-faq.com/t/topic/992/2):
>
> カレンダー形式のAdalo実装方法（（＠日 @12時予約））が今思い浮かばす、SmartDishのように単体の時間を入力して実装すると良いかもです。 段階として、１．３．の 施術者の予定管理アプリをまず、考えてみるのはどうでしょうか？ 施術者は日程ごとに10時 ~ 24時の間で30分刻みで空き状況を設定出来るようにする（貼り付けファイル１のようなシステム） ゲストは所要時間のあるメニューを…

ここに表示されてる画像のような日付と時間のマトリクスってどうやって実現してるんでしょう、、、？  
解説を見ても今ひとつDBとUIの構成のイメージが湧かず、、、

もしわかる方がいらっしゃいましたらヒントいただけると嬉しいです。

よろしくお願い致します。 🙇‍♂️

---

<div class="post-metadata">

**Author:** ![shnd](https://avatars.discourse-cdn.com/v4/letter/s/eb9ed0/32.png) [@shnd](https://www.nocode-faq.com/u/shnd)\
**Post date:** [2021 年 7 月 10 日午前 6:58 UTC](https://www.nocode-faq.com/t/topic/1854/2 "2021-07-10T06:58:57Z")

</div>

Adalo初心者です。先日カレンダーを使ったアプリを試行錯誤して作っていました。Adaloのカレンダーで日時を指定して予約はできると思うのですが・・・。（質問の意味を取り違えていたらすいません）

（例）  
カレンダーを使った病院の予約アプリ

カレンダー入力用のコレクション、カレンダーを貼り付けたスクリーン、入力用のスクリーン（form）があればとりあえず、予約システムは出来るのではないかと思います。サンプルを作ったのでそのスクリーンショット載せておきますね。

![予約アプリ](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/bf590d2a58342773516546b0915f580f9d168642.jpeg)

> **[Calendar\_予約](https://previewer.adalo.com/8632fc9d-2d20-42ee-92be-d084101f703a)**
>
> Built with Adalo

カレンダーのスクリーンに予約ボタンを設けて、これを押すと予約formの画面に遷移します。入力操作はこのボタンを使ってアプリを使うユーザーが操作できます。

もしアプリの制作者だけが入力できるボタンを作るなら追加して下さい。アプリを使うユーザーからは見えないようにするならvisibilityの設定等で出来ると思います。（ログインユーザーが製作者だった場合にのみそのボタンを表示する）

こういうことではないですか？

---

<div class="post-metadata">

**Author:** ![Wataru](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/wataru/32/2147_2.png) [@Wataru](https://www.nocode-faq.com/u/Wataru)\
**Post date:** [2021 年 7 月 10 日午前 8:50 UTC](https://www.nocode-faq.com/t/topic/1854/3 "2021-07-10T08:50:58Z")

</div>

共有ありがとうございます ✨

僕の意図は、以下のリンクの回答者が貼ってくれたような動画のように、日付ごとに時間の枠があってそれを選択してその枠の予約をする、、、ようなイメージを実現したいと思っていました（説明不足ですみません、、、 🙇‍♂️）

> [@施術者＆ゲストのマッチングアプリを作成しています。日程ごとに10時 ~ 24時の間で30分刻みで空き状況を設定出来るようにする](https://www.nocode-faq.com/t/topic/992):
>
> 施術者＆ゲストのマッチングアプリを作成しています。 やりたい事としては、下記３つのステップです。 施術者は日程ごとに10時 ~ 24時の間で30分刻みで空き状況を設定出来るようにする（貼り付けファイル１のようなシステム） ゲストは所要時間のあるメニューを選び（例えば70分腰痛コースなど）、空いている時間から予約をする 予約が入った時間は空いていない状態に変わる どうしても上記を作る事ができ…

美容院やマッサージとかの予約システムをイメージしています。

いただいたサンプルだと、ユーザーが一旦カレンダーの方で目視で空き状況を確認した上で、空いてるところでで入力でその日時を登録する、、、って感じですよね？  
・・・でも多分それしかないですよね。。 😓

ですが上記のリンクの方は一体どうやって作ったのかな、、、って思っちゃいまして 😅

---

<div class="post-metadata">

**Author:** ![kinari](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kinari/32/6625_2.png) [@kinari](https://www.nocode-faq.com/u/kinari)\
**Post date:** [2021 年 7 月 10 日午前 10:08 UTC](https://www.nocode-faq.com/t/topic/1854/4 "2021-07-10T10:08:19Z")

</div>

動画見ました！そもそもこれってAdaloでやってるんですかね？  
みた感じだた全く同じようにはできない気がしてます😅

---

<div class="post-metadata">

**Author:** ![Wataru](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/wataru/32/2147_2.png) [@Wataru](https://www.nocode-faq.com/u/Wataru)\
**Post date:** [2021 年 7 月 10 日午前 11:05 UTC](https://www.nocode-faq.com/t/topic/1854/5 "2021-07-10T11:05:17Z")

</div>

やっぱりですよね、、、！他のツールでの例だったのかな、、、？  
「これができたらなー！」って思って！ 😅
