我们可以用 <p：日历应用掩码操作吗>

Question

<h:column>
    <f:facet name="header">
        <h:outputLabel value="#{label.asOfDate}" style="font-weight:bold" />
        <h:outputLabel value="*"
            style="font-weight:bold; color:red; font-size:150%" />
    </f:facet>
    <p:calendar id="date" required="true" navigator="true"
        mindate="#{utils.minDate}" pattern="#{label.dateFormat}"
        maxdate="#{utils.maxDate}" value="#{policy.asOfDt}"
        requiredMessage="#{label.asOfDateRequired}" showOn="button">
        <f:validator validatorId="CustomDateValidator" />
    </p:calendar>
</h:column>

我想日期文本字段应该在遮罩格式(11/11/2011)与日历按钮。我们可以用日历进行掩模操作吗?

Answer 1

你可以这样做:'

<script type="text/javascript" language="JavaScript">
          var $ = jQuery;
          $(document).ready(function() {
              $("input[id*='Date']").mask('99/99/9999');
          });
     </script>
     <p:calendar id="documentDate" />

"

Answer 2

从Primefaces 5.0开始，您可以使用日历属性掩码:

mask="99/99/9999"

Answer 3

apply datePattern attribute

datePattern="MM/dd/yyyy" 

Answer 4

对于这篇文章，这是不可能的。这里的问题由PF首席开发人员回答(所以相信他;-)。他建议结合jquery编写复合组件(http://digitalbush.com/projects/masked-input-plugin/)。

Answer 5

如果您必须使用额外的jquery插件来完成此任务，您最好同时使用jquery:日历和掩码(需要少量额外的代码将bean值绑定到负责日历的输入)

看一下这个解决方案

使用jQuery UI datepicker时屏蔽日期格式

和

小jsfiddle例子

和另一个

jQueryUI Datepicker And Input Masking Using Using

Answer 6

您可以通过将输入字段设置为readonly来强制用户选择日期来解决此问题。

这是添加到您的输入字段的属性来强制执行:

readonlyInput="true"