jquery - Primefaces p:calendar と適切な日付へのユーザー入力のフォーマット

Question

これが私の問題です：

検証するのではなく (既に完了しています)、ユーザー入力を次の形式にフォーマット/変換する方法が必要です: MM/dd/yyyy

JSF と Primefaces を使用すると、悲しいことに p:calendar で p:maskinput を使用できません。そうしないと、私の問題は非常に簡単に修正できます。

私は検索して検索し、解決策なしで機能させるために多くのことを試してみました。

私の解決策は次のリンクにあると思います: http://digitalbush.com/projects/masked-input-plugin/

コードは次のようになります。

<p:outputLabel value="#{originalreturned}: " />

<p:calendar value="#{origReturnedDate}" 
            showOn="button" 
            pattern="MM/dd/yyyy" 
            showButtonPanel="true"
            navigator="true" 
            id="originalRetDate"
            onblur="formatDate(id);"
            size="10"
            yearRange="#{commonUtils.getCalendarRange()}"
            rendered="#{!isDocumentInquiryMode}">

    <f:convertDateTime pattern="MM/dd/yyyy"/>

    <f:attribute name="dateLabel" value="#{document_approved}"/>

</p:calendar>

<h:inputText id="date" value="#{origReturnedDate}" rendered="#{isDocumentInquiryMode}">  
     <f:convertDateTime pattern="MM/dd/yyyy" />
</h:inputText>

上記のリンクからプラグインを組み込んで使用する方法がわかりません。または、別の方法がない場合はどうすればよいですか?

外部の .js ファイルをインポートする際に、JSF と PrimeFaces の標準に従ってみました。しかし、それはまったく機能しません。

アドバイスありがとうございます

プラグインの例: http://jsfiddle.net/smdvA/579/