我们可以使用掩码操作与<p:calendar>

<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）与日历按钮。我们可以在日历上应用蒙版操作吗？我们可以使用掩码操作与<p:calendar>

来源

2011-09-02 Vikas Soni

@BaluC请看看这个。 –

有人有任何想法???????? –

你必须正确写下自己的名字才能听到;-) –

申请datePattern属性

datePattern="MM/dd/yyyy"

来源

2011-09-02 09:31:54

这也没有工作.....我想在jsf /素数面孔日历面具.....它意味着当用户通过日期或者自动采取日期为dd/MM/yyyy格式（用户不需要通过格式）或从日历中选择... –

看到上面的评论 –

然后去定制jquery的组件 –

至于this post，这是不可能的。这个问题由PF首席开发人员回答（如此信任他;-)。他建议与jquery组合编写一个复合组件（http://digitalbush.com/projects/masked-input-plugin/）。

来源

2011-09-02 10:52:04

INMO，如果必须使用额外的jQuery插件来实现这个任务，你最好使用jQuery两种：日历和掩码（一个非常小的额外代码是需要的bean值绑定到负责日历输入）

看看这个解决方案

Mask the date format when using jQuery UI datepicker

和

Small jsfiddle example

，另一个

Using jQueryUI Datepicker And Input Masking Together

来源

2012-09-24 06:29:08 Daniel

您可以通过输入字段设置为readonly强迫用户选择一个日期解决这个问题。

这里的属性添加到您的输入字段以强制这一点：

readonlyInput="true"

来源

2013-03-20 09:45:15

您可以使用服用点是这样的： `

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

来源

2013-04-02 14:09:47 Igor

由于Primefaces 5.0，你可以使用日历的属性掩码：

mask="99/99/9999"

来源

2015-05-14 16:36:17

我们可以使用掩码操作与<p:calendar>

回答

相关问题