Маскированный ввод даты и времени без p: calendar

Question

С компонентом inputMask вы не можете легко проверить формат даты, и вам нужно проанализировать строку с датой / временем в фоновом режиме; тогда как с компонентом calendar вы можете установить маску ввода, чтобы пользователи могли вводить дату; однако, когда они нажимают на поле, появляется всплывающий календарь.

Я хотел бы сохранить функциональность ввода с клавиатуры элемента управления calendar (замаскированный ввод, привязанный к дате объект), но без всплывающего окна физического календаря. Есть ли возможность сделать это?

Что у меня сейчас есть:

<p:calendar value="#{bean.someDateTimeBackingField}"
pattern="yyyy-MM-DD HH:mm" 
timeZone="#{bean.tz}" 
navigator="true" 
mask="true" />

Я использую Primefaces версии 5.1

Answer 1

Если вы установите атрибут showOn="button", всплывающее окно не будет отображаться в фокусе. Пользователь может либо ввести дату, либо выбрать ее из всплывающего окна после нажатия кнопки.

Если вы хотите скрыть кнопку, вы можете сделать это с помощью CSS или установить значение атрибута showOn для чего-то, что не существует:

    <p:calendar value="#{bean.someDateTimeBackingField}"
        pattern="yyyy-MM-DD HH:mm" timeZone="#{bean.tz}" mask="true"
        showOn="trustlessComputing" />