[徳本 奈穂子]

【お使いの Snow Monkey のバージョン】20.2.0
【お使いの Snow Monkey Blocks のバージョン】19.4.0
【お使いの Snow Monkey Editor のバージョン】9.2.5
【お使いのブラウザ】Chrome
【当該サイトのURL】

### 実現したいこと

pickadate.jsという日付選択のライブラリを使用して、確認画面ボタンを押した際にも日付選択を可能にしたい。

### 発生している問題

最初画面を開いた時 – 正常に動いている。

必須項目を入力しないまま確認画面ボタンを押す。 →必須入力のアラートが表示される→ピッカーが動かなくなる。

一度確認画面ボタンを押した後「戻る」で入力画面に戻る。 →ピッカーが動かなくなる。

pickadate側の問題かと思うのですが、Snow Monkey Formsとの併用をされている方をフォーラムで見かけましたのでもし何かご存じの方がいらっしゃったら伺ってみたいと思い投稿させていただきました。

いらっしゃらなければすぐ閉じます。すみません。

### 試したこと

♥ 0

Who liked: No user

[キタジマ タカシ]

pickadate.js を使ったことがないので実装がわかりませんが、例えば

const target = document.querySelector('[type="date"]');
pickadate(target);

みたな感じで DOM に対して関数を実行する形だとすると、確認画面表示時に DOM は書き換わっちゃうので、再度関数を実行しないと動作しなくなるはずです。

jQuery だと動的に実行する方法がありますが、

jQueryで動的に追加した要素でもイベントを発火させる方法！

jQueryで動的に追加した要素でもイベントを発火させる方法についてご紹介します！onメソッドをつかった場合と、もしonメソッドが使えない場合も解説します。サンプルコー…

qumeru.com

素の JavaScript だとどうやるんだろう…。

♥ 0

Who liked: No user

[徳本 奈穂子]

キタジマさん

早速のお返事ありがとうございます！

おっしゃった方法で試したところ、うまくいきました！

本当に助かりました。

ありがとうございました。

♥ 1

Who liked:

[投稿者]

投稿