入力中の生年月日ドロップダウンから年齢を自動計算したい

前提・実現したいこと

画面上で生年月日ドロップダウンの選択中（イベント実行前）に、
画面の入力フォームに年齢を自動計算した結果を表示したい。

発生している問題・エラーメッセージ

イベント実行後に自動計算を行うことは出来るが、
画面入力中に計算の処理を行うことが出来ない。

試したこと

JavaScriptを使用した自動計算、
Javaを使用した自動計算、
双方ともイベント実行後に行われてしまう。

補足情報（FW/ツールのバージョンなど）

Spring　Java 8,1

dice142

2018/10/26 03:44

まずできているところまでのコードをご提示ください。また、「ドロップダウンの選択中」とはどの状態を指しますか？「イベント」とはどのイベントのことでしょうか？

行動規範の内容に同意します

回答3件

プルダウンをマウスでころころ転がしているときに、年齢を求めたい意図と解釈しました

プルダウンが1つの(1つに年月日がある)場合

プルダウンを作る時点で、今日に対して、何歳になるか確定している。つまり、イベントうんぬんのまえにページ描画時に確定している
つまりプルダウンを「2000/01/01 18歳」「2000/12/31 17歳」といった表示にすればよい

プルダウンが3つの(年と月と日)の場合

年のプルダウンをさわっているとき

年のプルダウンを選択している時点では、現在月や日は選択が済んでいる(デフォルト値でも選択はなされている状態)。その日が、一年の間で本日以降を指しているか、それより前を指しているかによって、各年に対応する年齢は一意に決まる。
従って例えば「01」月「01」日を指している状態では「2000年 18歳」と出せるし、「12」月「31」日を指している状態では「2000年 17歳」と指せる。これは日や月のonchangeで年プルダウンを再描画すればよいだけ
0. 月のプルダウン
日が今日を越えていなければ、月をかえてもかわらない。日が今日を越えていると、今月以降か否かで1歳分かわる
→不正確になるタイミングがあるため要件に対応できない
0. 日のプルダウン
月が今月でなければ、日をかえてもかわらない。月が今月であると、日をかえることで一歳分のずれが生じる
→不正確になるタイミングがあるため要件に対応できない
(逆に言えば、年と月日の2つのプルダウンにすれば解決できるとも言える)

結局、今できていないことに対応するには、プルダウンの数をかえるか、スピンボタンや数値入力のUIを導入するほかない。
→このUIの変更が想定するアプリに対して、どの程度不便になるかならないか、また不便になるとして1歳の違いを、マウスでホバー状態にあるほんのわずかな瞬間で知りたいかを検討すればよいと思われる

イベントが発火しないものを検知できると思うのはやめたほうがいいです。

投稿2018/10/26 08:13