web-dev-qa-db-ja.com

12時間形式のjQuery入力マスク

私はjquery inputMaskライブラリを使用しています( https://github.com/RobinHerbots/jquery.inputmask )。しかし、より良いinputMaskライブラリがあるかどうかを私に知らせてください。しかし、時間ピッカーではなく、inputMaskが必要です。

シナリオでは、時間フィールドにinputMaskを指定します。ユーザーのロケールに基づいてinputMaskを表示および表示したいので、12時間形式と24時間形式の両方をサポートする必要があります。当初は24時間形式のみをサポートしていたため、マスクコードは次のようになります。

$('input[id$="endTime"]').inputmask("hh:mm:ss", {placeholder: "HH:MM:SS", insertMode: false, showMaskOnHover: false});

秒もサポートする必要があることに注意してください。 12時間形式については、実際にいくつかの形式を試しましたが、どれもうまく機能しませんでした。それをマスクすることは可能ですか?

7
Lance Shi
$('input[id$="endTime"]').inputmask("hh:mm:ss", {
        placeholder: "HH:MM:SS", 
        insertMode: false, 
        showMaskOnHover: false,
        hourFormat: 12
      }
   );

デモ

ヒント:ファイルを開くjquery.inputmask.bundle.jsdatetimeを検索して、すべてのオプションを確認します。

(申し訳ありませんが、コメントを追加するのに十分な制限ポイントがないため、コメントを追加できません。)

13
Vuong

24ではなく「24」を入力

$('input[id$="endTime"]').inputmask("hh:mm:ss", {
    placeholder: "HH:MM:SS", 
    insertMode: false, 
    showMaskOnHover: false,
    hourFormat: "24"
  });
0
hamidsolat