date timepickerのcustom stateの計算

-前提条件
・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

-エディター

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

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

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 が連動すると思いますー。

「いいね!」 2

jansnapさん!

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

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


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

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

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

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

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

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

「いいね!」 5

けいさん!

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

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

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

「いいね!」 1