# date timepickerのcustom stateの計算

**URL:** <https://www.nocode-faq.com/t/topic/2942>\
**Category:** bubble\
**Tags:** バックエンドwork\
**Created:** [2022 年 6 月 15 日午後 9:54 UTC](https://www.nocode-faq.com/t/topic/2942 "2022-06-15T21:54:37Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\
**Post date:** [2022 年 6 月 15 日午後 9:54 UTC](https://www.nocode-faq.com/t/topic/2942/1 "2022-06-15T21:54:38Z")

</div>

-前提条件  
・page load時にdate型のcustom state(予約日)にcurrent dateを格納するワークフローを組んでいます。  
・右矢印ボタンclick時にdate型のcustom state(予約日)+1とするワークフローにしています。  
・date time pickerのinitial contentをdate型のcustom state(予約日)としています。

-発生している問題  
date time pickerのvalue changeをした時にcustom stateの値をthis date time picker’s valueとするワークフローを組んでいますが、date time pickerの値を変更してから右矢印ボタンを押すとdate time pickerの値が変更されません。

-スクリーンショット  
[![Image from Gyazo](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/905b39c560af2a4b7d01f6258f13895fcaa61616.gif)](https://gyazo.com/cf383bb8e3fd5f67dd34a8fd610c169f)

-エディター

> **[Bubble Editor - Tetsuyatest220616](https://bubble.io/page?type=page&name=test&id=tetsuyatest220616&tab=tabs-1)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

-試したこと  
date time pickerの下にtext型で現在のstateを表示させたところcustom stateは正しく動作しておりましたが、date time pickerの値が反映されない原因はわかりませんでした。

-ご教授いただきたいです。

---

<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:** [2022 年 6 月 16 日午前 12:54 UTC](https://www.nocode-faq.com/t/topic/2942/2 "2022-06-16T00:54:29Z")

</div>

Date/TimePicker をGroupに入れて、GroupのTypeをdate型にして、  
Date/TimePicker の「Enable auto-binding on parent element’s thing」にチェックを入れて、  
GroupのData sourceをcustom state(予約日)にすれば、  
custom stateとDate/TimePicker が連動すると思いますー。

---

<div class="post-metadata">

**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\
**Post date:** [2022 年 6 月 16 日午後 1:30 UTC](https://www.nocode-faq.com/t/topic/2942/3 "2022-06-16T13:30:39Z")

</div>

jansnapさん！

返信ありがとうございます！

親groupのTypeをdate型にし、Data sourceをcustom state(予約日)にして  
Date/timePickerのenable aout-binding on parent element’s thingにチェックを入れると  
添付2枚目のようなalertが出て思い通りの挙動をしませんでした。

 ![parent group type date,data source page'date(state)](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/716220d3fc8a19629655cc6e873bf7dcac150985.png)  
 ![date time picker enable check](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/8401ea810e03218c10d87c849bbef37c4620d1f7.png)

一番下の階層のgroupまでTypeとData sourceを設定しましたが、ダメでした。

しかし、Date/Time pickerのparent groupの設定は上記のままで、Date/time pickerのinitial content をcustom state(予約日)にすると思い通りの挙動になりました。

 ![date time picker initial content page'date(state)](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/37009fa501b3f89703a3b6d32eb4a9b82e8418b4.png)

この場合、parent groupのdata sourceとDate/Time pickerのinitial content は独立している認識なのですが、このように設定が必要な理由がもし分かれば教えていただきたいです。

上記エディターはevery one editへ変更しておきます。

---

<div class="post-metadata">

**Author:** ![K.nakata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/k.nakata/32/1810_2.png) [@K.nakata](https://www.nocode-faq.com/u/K.nakata)\
**Post date:** [2022 年 6 月 16 日午後 2:27 UTC](https://www.nocode-faq.com/t/topic/2942/4 "2022-06-16T14:27:12Z")

</div>

ipnutformは、いずれも同様ですが、initial contentとかdefalt valueはあくまで初期値なので、値を変えるともう参照はできなくなります。

変更時に、inputの親要素を reset groupアクションで初期化すれば変更後がintial扱いになります

---

<div class="post-metadata">

**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\
**Post date:** [2022 年 6 月 18 日午前 7:02 UTC](https://www.nocode-faq.com/t/topic/2942/5 "2022-06-18T07:02:39Z")

</div>

けいさん！

返信遅くなり申し訳ありません。  
ご回答いただきありがとうございます！

input の親要素をresetすることでinput内のdataもリセットされ、initialになるということですね！  
同様にreset inputの場合もinitialが更新され、動きました。

initialとdefaultの理解が深まりました。  
ありがとうございました！！