-
投稿者投稿
-
2024年1月13日 12:41 PM #135091
【お使いの Snow Monkey のバージョン】25.2.6
【お使いの Snow Monkey Blocks のバージョン】-
【お使いの Snow Monkey Editor のバージョン】-
【お使いの Snow Monkey Forms のバージョン】6.0.5
【お使いのブラウザ】Google Chrome### 発生している問題
Snow Monkey Forms でテキスト項目の class に js-datepicker を追加して jQuery uiでdatepickerを使用しています。
初回入力時は、日付の入力ができるのですが、未入力の時に、日付ピッカーが動作しなくなります。### 試したこと
input要素を、type=text → type=date に強制的に書き換えてもエラー時ピッカーが動作しなくなります。▼入力時
▼未入力のエラー時
♥ 0いいねをした人: 居ません2024年1月13日 12:43 PM #1350922024年1月15日 9:55 AM #135120Snow Monkey Forms のバリデーションチェックは JavaScript ではなくて PHP で処理するので、送信ボタンを押したタイミングでフォームがリロードされます。つまり、そのタイミングでフォームの HTML 自体が新しいものに置き換わるので、日付ピッカーが適用された HTML がそこでなくなってしまい、動作しなくなるのだと思います。
jQuery UI に詳しくないので具体的にどう書き換えたら良いのかはわからないのですが、理屈的には下記のページの通りだと思います。
♥ 0いいねをした人: 居ません2024年1月19日 4:31 PM #1353482024年1月20日 3:05 PM #135370js のライブラリを使うとそのライブラリが開発停止になったときに困るので、なるべくライブラリは使いたくないなというのはあります。
現状ライブラリを使わない選択肢はinput[type="date"]
を使うことになりますが、これはこれで使いにくいみたいなのでどうなのかなぁという感じです…。カレンダー表示が必須でなければ、セレクトボックスを年・月・日と用意するのが簡単かなと思います(28日・30日・31日を動的に切り替えられない問題はありますが…)
♥ 0いいねをした人: 居ません -
投稿者投稿
- トピック「Snow Monkey Forms でエラー時の日付ピッカーでの入力について」には新しい返信をつけることはできません。