# Date/TimePickerのスタート値を調整したい

**URL:** <https://www.nocode-faq.com/t/topic/3118>\
**Category:** bubble\
**Tags:** ツールの操作方法\
**Created:** [2022 年 8 月 29 日午前 6:04 UTC](https://www.nocode-faq.com/t/topic/3118 "2022-08-29T06:04:25Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![akita19811224](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@akita19811224](https://www.nocode-faq.com/u/akita19811224)\
**Post date:** [2022 年 8 月 29 日午前 6:04 UTC](https://www.nocode-faq.com/t/topic/3118/1 "2022-08-29T06:04:25Z")

</div>

bubbleのDate/TimePickerのスタート値を調整したいと思っています。

クリックするとカレンダーが表示され、現在日がスタート値として設定されていますが、これを30年前にすることができるのでしょうか？

![Your-Bubble-app (3)](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/82c40a63af276bdb6d9f70b3960cc834f4514434.png)

Initial contentで調整すればできそうですが、Initial contentに日付入れてしまうと、空欄状態（empty）かどうかを判断できないので、理想とする実装ができませんでした。

どうぞよろしくお願いいたします。

---

<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:** [2022 年 8 月 29 日午前 7:18 UTC](https://www.nocode-faq.com/t/topic/3118/2 "2022-08-29T07:18:12Z")

</div>

おっしゃる通り、Initial contentで調整することで、初期値の設定が可能です。  
画像のように、Current date/time +(years): -30に設定することで、  
30年前にすることができます。  
+(seconds) ：秒指定  
+(minutes) ：分指定  
+(hours) ：時間指定  
というように現在地に足したり、引いたりすることが出来ます。

 ![2022-08-29_16h14_58](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/1394825708566cd55f6b2f99aefbb567065abe68.png)

---

<div class="post-metadata">

**Author:** ![akita19811224](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@akita19811224](https://www.nocode-faq.com/u/akita19811224)\
**Post date:** [2022 年 8 月 29 日午前 7:37 UTC](https://www.nocode-faq.com/t/topic/3118/3 "2022-08-29T07:37:23Z")

</div>

ご返答ありがとうございます。

Initial contentで設定すると、ユーザーが入力する前にすでに値が入力されてしまい、空欄状態（empty）でなくなるので、ユーザーが未入力の場合にエラーメッセージを表示したいのですが、それが動かなくなってしまいます。

理想としては、ユーザーが入力する前は空欄状態になっていて、Date/TimePickerを押下するとスタート値が30年前になっているのが理想でした。

どうぞよろしくお願い致します。

---

<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:** [2022 年 8 月 29 日午後 10:35 UTC](https://www.nocode-faq.com/t/topic/3118/4 "2022-08-29T22:35:26Z")

</div>

> 理想としては、ユーザーが入力する前は空欄状態になっていて、Date/TimePickerを押下するとスタート値が30年前になっているのが理想でした。

この方法は思いつきませんでした。

試したことは、ボタン要素（背景透過）とDate/TimePickerを重ねておき、  
初期値をCustomState（空白）  
ボタン押下（ユーザーからはDate/TimePicker押下）時にCurrent date timeｰ30年をCustomStateに格納し、30年前のデータを初期値にする。  
ただ、ここからDate/TimePickerを開く（カレンダーを表示する）アクションにつなげられなかったので断念しました。  
お力になれず申し訳ありません。

---

<div class="post-metadata">

**Author:** ![TomokoTsuruta](https://avatars.discourse-cdn.com/v4/letter/t/7ea924/32.png) [@TomokoTsuruta](https://www.nocode-faq.com/u/TomokoTsuruta)\
**Post date:** [2022 年 8 月 29 日午後 11:51 UTC](https://www.nocode-faq.com/t/topic/3118/5 "2022-08-29T23:51:40Z")

</div>

Datetime Picker の Value Change イベントとCustom Stateを組み合わせて選択済/未選択 を判定する処理を私なりに考えてみました。

1．選択済フラグとなるCustom State を作成し、Default を"No"にしておきます。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/ab516354b237abf8cf527719f0301dac9af09c29.png)

2．Datetime Picker の Value Changed ワークフローを作成し「Datetime Picker 値がカラでなければCustom StateをYes、カラならNo」を設定します。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/f2742e5da4ab939901703f5872e5cd18eae368c6.png)

3．処理結果その1：Pickerを開いて日付を選ぶかCloseボタンを押すとCustom Stateがyesになります。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/c4cd30fda974dde74a3b84686fd186389fa76b37.png)

4．処理結果その2：Pickerを開いて消去ボタンを押すとCustom StateがNoになります。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/edb7516aee872ec1d335dd1ed13c7dd18ee6f049.png)

5．保存ボタンを押した時などのワークフローでCustom StateがNoの時はエラーメッセージを表示します。

【結論】  
・ユーザーが意図的にPickerの消去ボタンを押した時とユーザーがPickerをさわらなかった場合以外はこの方法でユーザーが日付を選択したとみなします。  
・Initial contentを設定すると空欄状態にはなりませんね。  
・DatetimePickerにはClickイベントがないので「Pickerを押下したら初期値を設定」はできませんでした。

akitaさんが思い描いた方法は100%実現できておりませんが、いかがでしょうか？

---

<div class="post-metadata">

**Author:** ![akita19811224](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@akita19811224](https://www.nocode-faq.com/u/akita19811224)\
**Post date:** [2022 年 8 月 30 日午前 4:49 UTC](https://www.nocode-faq.com/t/topic/3118/6 "2022-08-30T04:49:55Z")

</div>

ありがとうございます！  
ご教授頂いた方法でユーザーの未入力（Pickerをさわらなかった）が判断でき、実装したい機能は網羅できそうです！

丁寧なご説明と画像添付ありがとうございましたm(\_\_)m

---

<div class="post-metadata">

**Author:** ![akita19811224](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@akita19811224](https://www.nocode-faq.com/u/akita19811224)\
**Post date:** [2022 年 8 月 31 日午前 2:37 UTC](https://www.nocode-faq.com/t/topic/3118/7 "2022-08-31T02:37:05Z")

</div>

ご返信を見逃しておりました。  
お返事が遅くなり申し訳ありません。

Initial contentで日付を調整できる点に関してはやり方を知らなかったので、大変勉強になり、今後に活かせると思いました。  
ありがとうございました。
