我們可以使用掩碼操作與<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>

回答

相關問題