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" />

没有p：calendar的掩码日期时间输入

1 个答案: