datetime - 24時間または12時間タイプの表現のオプションを使用して1時間の期間を入力するユーザー

Question

ユーザーが開始時間と終了時間を入力するための最良の方法を考えようとしていますが、AM/PMと24時間表現の両方をサポートできる必要があります。現在、AM、PM、Militaryのドロップダウンリストを毎回区別することを考えていましたが、これはタイムシートのページであるため、56個のドロップダウンリストを意味し、ひどい音になります

これを行う方法についての提案はありますか？すでにこれを行っているJavaScriptタイムピッカーはありますか？

Answer 1

時間を入力できるボックスと、グレイアウトされた AM/PM ドロップダウン/ラジオ ボタン セットがあります。ユーザーが両方のボックスに 13 未満の数字を入力すると、AM/PM セレクターがアクティブになり、必須になります。いずれかのボックスに 12 より大きい数値を入力しても、入力されません。