html - HTML5 での時刻入力のカスタマイズ

Question

目的に合わせて標準の HTML5 時間入力フィールドをカスタマイズしようとしています。私は、ユーザーにイベントの期間 (mm:ss) の時間を入力するように求めているモバイル Web アプリに取り組んでいます。私が望むものはほとんど得られますが、AM/PM ピッカーを削除する必要があります。

AM/PM を取り除く方法を知っている人はいますか? <input type="number" />または、文字を受け入れ、:この目的にも合うように を変更する方法はありますか?

Answer 1

HTML 選択ボックスがある限り、任意のサイトでそのタイプのコンボ ボックスに直接変換されます。

ただし、jqueryMobile を確認することをお勧めします。日付と時刻の 1 つのコンボ ボックスの代わりに。分と秒の選択メニューを分けることができます。

• JqueryMobile Docs へのリンクは次のとおりです: http://jquerymobile.com/demos/1.1.1/
• 必要な選択メニューを次に示します。 http://jquerymobile.com/demos/1.1.1/docs/forms/selects/

jQueryMobile がいかに簡単であるかに驚かれることでしょう。カスタム属性で html を書くのと同じです。

分と秒の両方を取得した瞬間、それを JavaScript で連結できます。次に、POST の 1 つの値として送信します。

下の画像は、月、日、年ではなく、分や秒として想像できるでしょう。