# 【Bubble】時間の測り方・計算方法

**URL:** https://www.nocode-faq.com/t/topic/2164
**Category:** bubble
**Created:** [2021 年 9 月 12 日午前 12:34 UTC](https://www.nocode-faq.com/t/topic/2164 "2021-09-12T00:34:17Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![yukichi0628](https://avatars.discourse-cdn.com/v4/letter/y/ac91a4/32.png) [@yukichi0628](https://www.nocode-faq.com/u/yukichi0628)
#### Post date: [2021 年 9 月 12 日午前 12:34 UTC](https://www.nocode-faq.com/t/topic/2164/1 "2021-09-12T00:34:17Z")

</div>

###実装したい機能  
作業時間の時間を測り、その時間を表示し、データベースに登録したい

### スクリーンショット

 ![スクリーンショット 2021-09-12 9.21.07](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/4ad3a3f6c24e1e314898699fa4e710cb48ff8530.png)

### 試したこと

ボタン[Start]を押して現在の時間を表示させる  
ボタン[End]を押して現在の時間を表示させる  
開始時間と終了時間の差を求めて、時間を表示させようとしたが、うまくいかず。

時間の差を計算して、ボタン[Start][End]の下に作業時間を表示させる方法もしくは他の方法で時間を測り作業時間を表示させ、データベースに登録する方法がありましたらご教授ください。

よろしくお願いします。

---

<div class="post-metadata">

### Author: ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)
#### Post date: [2021 年 9 月 12 日午前 2:33 UTC](https://www.nocode-faq.com/t/topic/2164/2 "2021-09-12T02:33:55Z")

</div>

以下のようにするのはどうでしょう。  
(0)完成図

 ![ScreenShot 2021-09-12 11.17.35](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/20c08bdc13a4352b7014175b7c5e5ea9c10792df.png)

(1)データベースにテーブルを作成

 ![ScreenShot 2021-09-12 11.18.23](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/c090f6cddedfcf463a54f2ff05273a0bc6bcd037.png)

(2)ページの「Type of content」に、上記で作成したテーブルを設定

 ![ScreenShot 2021-09-12 11.27.22](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/ba5c724adfc790e6ab5601439a1501aac3381276.png)

(3)画面にボタンやテキストを配置

 ![ScreenShot 2021-09-12 11.19.09](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/cb9a733bc125b6c2b9ae55045c85fcacdbf743cc.png)

(4)「作業を選択」ボタンでレコードを作成して、画面を再読み込み

 ![ScreenShot 2021-09-12 11.24.25](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/8a8dd6675b8db9b0835a3e04dd84697437dbdca2.png)

 ![ScreenShot 2021-09-12 11.24.35](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d9f0f4483e7b48a8fc08f407fec5d18fdb077752.png)

(5)「start」ボタンでレコードに開始日時を設定

 ![ScreenShot 2021-09-12 11.20.50](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/cbcb31c872452a2c8ad37c410f54cab61486d964.png)

(6)「end」ボタンでレコードに終了日時を設定し、差分を計算してレコードに入れる

 ![ScreenShot 2021-09-12 11.21.00](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/b6b440b932fc4385fed24d0f5204dc29891318cd.png)

 ![ScreenShot 2021-09-12 11.21.08](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/7c39576dd9c9cd47b57189040eb711ab698877ae.png)

上記の例ではラジオボタンの選択肢にOption setsを使っています。

---

<div class="post-metadata">

### Author: ![yukichi0628](https://avatars.discourse-cdn.com/v4/letter/y/ac91a4/32.png) [@yukichi0628](https://www.nocode-faq.com/u/yukichi0628)
#### Post date: [2021 年 9 月 12 日午前 5:33 UTC](https://www.nocode-faq.com/t/topic/2164/3 "2021-09-12T05:33:57Z")

</div>

@jansnap  
早速ありがとうございます！試してみます！

---

<div class="post-metadata">

### Author: ![yukichi0628](https://avatars.discourse-cdn.com/v4/letter/y/ac91a4/32.png) [@yukichi0628](https://www.nocode-faq.com/u/yukichi0628)
#### Post date: [2021 年 9 月 12 日午後 12:52 UTC](https://www.nocode-faq.com/t/topic/2164/4 "2021-09-12T12:52:37Z")

</div>

@jansnap  
早速試してみました！いい感じでした！  
少し追加で質問なんですが、上記の通り進めていくと初期の画面に開始日時、終了日時が表示されているんですが、初期の画面は空欄にはできないでしょうか？

---

<div class="post-metadata">

### Author: ![yukikun](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/yukikun/32/3485_2.png) [@yukikun](https://www.nocode-faq.com/u/yukikun)
#### Post date: [2021 年 9 月 12 日午後 3:44 UTC](https://www.nocode-faq.com/t/topic/2164/5 "2021-09-12T15:44:59Z")

</div>

時刻のフィールドがNULLの場合はテキストに何も指定しないというふうにConditionalを設定すれば初期は何も表示されないと思います！

---

<div class="post-metadata">

### Author: ![yukichi0628](https://avatars.discourse-cdn.com/v4/letter/y/ac91a4/32.png) [@yukichi0628](https://www.nocode-faq.com/u/yukichi0628)
#### Post date: [2021 年 9 月 13 日午前 11:57 UTC](https://www.nocode-faq.com/t/topic/2164/6 "2021-09-13T11:57:36Z")

</div>

@yukikun

返信ありがとうございます。  
調べたのですが、まだ、Bubbleを初めて間もないので…何をどうしていいのかわかりません。もう少し詳しくご教授いただけないでしょうか？

---

<div class="post-metadata">

### Author: ![yukikun](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/yukikun/32/3485_2.png) [@yukikun](https://www.nocode-faq.com/u/yukikun)
#### Post date: [2021 年 9 月 13 日午後 4:26 UTC](https://www.nocode-faq.com/t/topic/2164/7 "2021-09-13T16:26:10Z")

</div>

具体的に表示する場合と消す場合のイメージはありますか？  
日時表示はDB値がNULLの場合はデフォルトで非表示になると思うのですが、消したい箇所がわかれば例示できますが・・・。

---

<div class="post-metadata">

### Author: ![yukichi0628](https://avatars.discourse-cdn.com/v4/letter/y/ac91a4/32.png) [@yukichi0628](https://www.nocode-faq.com/u/yukichi0628)
#### Post date: [2021 年 9 月 13 日午後 9:24 UTC](https://www.nocode-faq.com/t/topic/2164/8 "2021-09-13T21:24:23Z")

</div>

@yukikun  
失礼しました。

@jansnap の記述の通りに作成をしました。（ラジオボタンはOption setsを使用していません）

 ![スクリーンショット 2021-09-14 6.18.28](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/7c2506b3796be380ab15d99f1a45f488b994d08e.png)

これでプレビューを押すとスタートおよびストップの横に時間が出てきてしまいます。これを消したいです。

 ![スクリーンショット 2021-09-14 6.19.20](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/bdc6f12c1567f12407ca222b8ceaa7c82c22cfbe.png)

説明が下手で申し訳ございません。ご教授お願いします。

---

<div class="post-metadata">

### Author: ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)
#### Post date: [2021 年 9 月 14 日午前 12:14 UTC](https://www.nocode-faq.com/t/topic/2164/9 "2021-09-14T00:14:59Z")

</div>

「作業を選択」をクリックしてレコードを追加した時は、レコード内の開始日時・終了日は空なので、  
こんな感じで、TextエレメントのConditionalに、「レコードの開始日時が空の場合は、表示しない」という条件を追加すると非表示にできます。

 ![ScreenShot 2021-09-14 9.10.43](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/983d5db900ca64b5131ace498f6afe4ff1a5278e.png)

---

<div class="post-metadata">

### Author: ![yukichi0628](https://avatars.discourse-cdn.com/v4/letter/y/ac91a4/32.png) [@yukichi0628](https://www.nocode-faq.com/u/yukichi0628)
#### Post date: [2021 年 9 月 14 日午後 12:23 UTC](https://www.nocode-faq.com/t/topic/2164/10 "2021-09-14T12:23:59Z")

</div>

@jansnap  
試してみましたが改善しません。  
最初からやり直してみます。

---

<div class="post-metadata">

### Author: ![yukichi0628](https://avatars.discourse-cdn.com/v4/letter/y/ac91a4/32.png) [@yukichi0628](https://www.nocode-faq.com/u/yukichi0628)
#### Post date: [2021 年 9 月 14 日午後 1:08 UTC](https://www.nocode-faq.com/t/topic/2164/11 "2021-09-14T13:08:55Z")

</div>

@jansnap

 ![スクリーンショット 2021-09-14 22.02.24](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d64f449e93399c7d204a443eb39dd6315a0f5675.png)

上記のように設定して、プレビューボタンを押すと

 ![スクリーンショット 2021-09-14 22.03.01](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/74bc0a0be305ab6a8310b61018307bdeae03dba4.png)

のようになり、開始時間などが表示されてしまいます。初期画面から文字をなくすことは不可能なのでしょうか？
