Как создать маску для input?

Question

[campus1]

Всем привет!

Мне нужно создать маску типа -> 11:00 p.m или a.m.

Вот что есть на данный момент - https://codepen.io/Slasher_/pen/qBdmMBG
Использую этот плагин - https://igorescobar.github.io/jQuery-Mask-Plugin/

Возможно есть другой плагин, который позволяет делать такое?

Answer 1

[Роман]

Замените в вашем примере https://codepen.io/Slasher_/pen/qBdmMBG свой код на этот:

$('input[name="date"]').mask("00:00 rm", {
    translation: {
      'r': {
        pattern: /(a|p)/,
      },
      placeholder: "__:__ __"
    }
  });

Answer 2

[Karpion]

Обычно маску делают в виде regex.

Answer 3

[Антон Шаманов]

если речь о html5, то через атрибут pattern