# data range の中を１時間ごとに一覧で表示したい

**URL:** <https://www.nocode-faq.com/t/topic/4338>\
**Category:** bubble\
**Created:** [2024 年 7 月 23 日午後 2:14 UTC](https://www.nocode-faq.com/t/topic/4338 "2024-07-23T14:14:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![kitahiroki11](https://avatars.discourse-cdn.com/v4/letter/k/50afbb/32.png) [@kitahiroki11](https://www.nocode-faq.com/u/kitahiroki11)\
**Post date:** [2024 年 7 月 23 日午後 2:14 UTC](https://www.nocode-faq.com/t/topic/4338/1 "2024-07-23T14:14:11Z")

</div>

前提条件：お店の予約サイトを作成しています。営業時間をdata range型にてお店ごとに設定しています。  
実装したい機能：お店を予約する際に営業時間のなかから選ぶ際に１時間ごとに営業時間を表示したい。

例）〇が予約可能、×が予約不可能  
１１日の営業時間が１０時から２１時の場合（data range型で格納済み）  
１０時～１１時〇  
１１時～１２時〇  
１３時～１４時〇  
というような形です。

data range型の中をある単位ごとに連続で表示したいです。

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![kitahiroki11](https://avatars.discourse-cdn.com/v4/letter/k/50afbb/32.png) [@kitahiroki11](https://www.nocode-faq.com/u/kitahiroki11)\
**Post date:** [2024 年 7 月 24 日午前 11:53 UTC](https://www.nocode-faq.com/t/topic/4338/2 "2024-07-24T11:53:07Z")

</div>

こちら  
Data & Time Toolkit というプラグインを使用することで解決しました。

---

<div class="post-metadata">

**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\
**Post date:** [2024 年 7 月 24 日午後 3:54 UTC](https://www.nocode-faq.com/t/topic/4338/3 "2024-07-24T15:54:42Z")

</div>

自己完結おめでとうございます。  
このプラグイン便利ですね。

> **[Templates for Bubble](https://bubble.io/plugin/date--time-toolkit-1551365877078x445243110416449540)**
>
> Buy and sell Bubble templates to speed up app development. Bubble is a visual programing language that lets you build apps without code.