2016-01-07 10 views
4

Я использую библиотеку ввода jquery inputMask (https://github.com/RobinHerbots/jquery.inputmask). Но не стесняйтесь, дайте мне знать, есть ли лучшая библиотека inputMask. Но мне нужна inputMask, а не сборщик времени.Маска ввода JQuery для 12-часового формата времени

Сценарий заключается в том, что в поле времени имеется маска ввода. Мы хотим отображать и иметь inputMask на основе локали пользователя, поэтому он должен поддерживать как 12-часовой, так и 24-часовой формат. Первоначально мы поддерживается только 24-часовой формат, чтобы код маски выглядит следующим образом:

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

Пожалуйста, обратите внимание, что мы должны поддерживать секунд, а также. Для 12-часового формата я действительно пробовал несколько форматов, но ни один из них не работал хорошо для меня. Так можно ли это замаскировать?

ответ

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

Demo

Советы: Открыть файл jquery.inputmask.bundle.js, поиск datetime и обзор всех вариантов для этого.

(Извините, я не могу добавить комментарий, потому что у меня недостаточно предельной точки для этого.)

+0

Спасибо, Виктор. Это работает очень хорошо. Но мой вопрос в том, как я могу быть в конце дня? –

+0

Изменить свойство заполнителя: 'placeholder:" HH: MM: SS xm ",' – Vuong

+0

Это не сработает ... Я попытался изменить только заполнитель и как строку-заполнитель, так и строку ввода-маска, ни одна из них не работает. –

Смежные вопросы